第一个注册页面的设计

1 注册页面的html设计


<html>
<head>
<meta charset="utf-8">
<title>register an accounttitle>
head>
<body>
    <form action="#" method="get">
        <table border="1" cellpadding="3" cellspacing="0">
            <tr>
                <td align="left" bgcolor=gray colspan="3"><b>1.会员登录名和密码
                td>
            tr>
            <tr >
                <td align="right">用户名:td>
                <td><input type="text" name="username" value="马上注册,百万红包">input><br />
                td>
            tr>
            <tr>
                <td align="right">密 码:td>
                <td><input type="password" name="password">input><br />td>
            tr>
            <tr>
                <td align="right">再次输出密码:td>
                <td><input type="password" name="password">input><br />td>
            tr>

            <tr>
                <td align="left" bgcolor=gray colspan="3"><b>2.姓名和联系方式td>
            tr>
            <tr>
                <td align="right">真实姓名:td>
                <td><input type="text" name="name"/>td>
                <td><input type="radio" name="gender" value="boy" checked/>先生
                <input type="radio" name="gender" value="girl"/>小姐td>
            tr>
            <tr>
                <td align="right">电子邮箱:td>
                <td><input type="email" name="email" value="12306@"/>td>          
            tr>
            <tr>
                <td align="right">固定电话:td>
                <td><input type="number" name="tel" value="183"/>td>
            tr>
            <tr>
                <td align="right">公司所在地:td>
                <td>
                        <select name="city">
                        <option value="beijing">北京option>
                        <option value="shanghai">上海option>
                        <option value="guangzhou">广州option>
                        <option value="shenzhen">深圳option>
                        <option value="chengdu">成都option>
                        select>

                        <select name="town">
                        <option value="volvo">东城option>
                        <option value="saab">朝阳option>
                        <option value="fiat" selected="selected">中关村option>
                        <option value="audi">五环option>
                        select>

                td>
            tr>
            <tr>
                <td align="right">街道地址:td>
                <td><input type="text" name="citynum"/>td>
            tr>
            <tr>
                <td align="right">传真号码:td>
                <td><input type="number" name="cznum"/>td>
            tr>
            <tr>
                <td align="right">手机号码:td>
                <td><input type="number" name="telnum"/>td>
            tr>
            <tr>
                <td align="right">邮政编码:td>
                <td><input type="number" name="postal"/>td>
            tr>
            <tr>
                <td align="left" bgcolor=gray colspan="3"><b>3.公司名称和主营业务td>
            tr>
            <tr>
                <td align="right">贵公司名称:td>
                <td><input type="text" name="company"/>td>
            tr>
            <tr>
                <td align="right">您的职位:td>
                <td><input type="text" name="position"/>td>
            tr>
            <tr>
                <td align="right">主营行业:td>
                <td>
                    <select name="job" multiple size="2">
                        <option>前端工程师option>
                        <option>java框架师option>
                        <option>计算机科技option>
                        <option>电气工程及其自动化option>
                    select>
                td>
            tr>
            <tr>
                <td align="right">主营产品/服务:td>
                <td><input type="text"/>td>
            tr>
            <tr>
                <td align="right">公司网址:td>
                <td><input type="url" value="http:"/>td>
            tr>
            <tr>
                <td align=center colspan="3">
                    <input type="submit" value="注册成功"/>
                td>
            tr>
            <tr>
                <td align=center colspan="3">
                    <input type="image" src ="images/butter.png"/>
                td>
            tr>
        table>
    form>
body>
html>

你可能感兴趣的:(html)