zoukankan      html  css  js  c++  java
  • 注册页面

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title></title><style type="text/css">

    body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}

    body{font:12px"宋体","Arial Narrow",HELVETICA;background:#fff;-webkit-text-size-adjust:100%;}

    a{color:#2d374b;text-decoration:none}

    a:hover{color:#cd0200;text-decoration:underline}

    em{font-style:normal}

    li{list-style:none}

    img{border:0;vertical-align:middle}

    table{border-collapse:collapse;border-spacing:0}

    p{word-wrap:break-word}

    .bg-box {background:url('../img/001.jpg');100%;height:100%;position:absolute;z-index:-1;}

    </style>

    <script type="text/javascript"></script>
    <title></title>
    </head>
    <body><div class="bg-box"></div>
    <div><form action="" method="post" name="frmregister">
    <table width="500" border="0" align="center" cellspacing="0" cellpadding="5">
    <tr>
    <td width="120" height="40" align="right">昵称:</td>
    <td><input name="nickname" type="text" size="7" maxlength="10"/></td>
    </tr>
    <tr> <td height="40" align="right">头像:</td>
    <td><img scr="../images/face.gif" width="100m/s" height="100m/s"/></td>
    </tr>
    <tr>
    <td align="right"> </td>
    <td><input type="file" name="upload" id="upload"/></td>
    </tr>
    <tr>
    <td height="40" align="right">生日:</td>
    <td><select name="birthyear">
    <option value="1990">1990</option>
    <option value="1991">1991</option>
    <option value="1992">1992</option>
    <option value="1993">1993</option>
    <option value="1994">1994</option>
    <option value="1995">1995</option>
    <option value="1996">1996</option>
    <option value="1997">1997</option>
    <option value="1998">1998</option>
    <option value="1999">1999</option>
    <option value="2000">2000</option></select>年
    <select name="birthmonth">
    <option value="12">12</option>
    <option value="11">11</option>
    <option value="10">10</option>
    <option value="9">9</option>
    <option value="8">8</option>
    <option value="7">7</option>
    <option value="6">6</option>
    <option value="5">5</option>
    <option value="4">4</option>
    <option value="3">3</option>
    <option value="2">2</option>
    <option value="1">1</option></select>月
    <select name="birthday">
    <option value="31">31</option>
    <option value="30">30</option>
    <option value="29">29</option>
    <option value="28">28</option>
    <option value="27">27</option>
    <option value="26">26</option>
    <option value="25">25</option>
    <option value="24">24</option>
    <option value="23">23</option>
    <option value="22">22</option>
    <option value="21">21</option>
    <option value="20">20</option>
    <option value="19">19</option>
    <option value="18">18</option>
    <option value="17">17</option>
    <option value="16">16</option>
    <option value="15">15</option>
    <option value="14">14</option>
    <option value="13">13</option>
    <option value="12">12</option>
    <option value="11">11</option>
    <option value="10">10</option>
    <option value="9">9</option>
    <option value="8">8</option>
    <option value="7">7</option>
    <option value="6">6</option>
    <option value="5">5</option>
    <option value="4">4</option>
    <option value="3">3</option>
    <option value="2">2</option>
    <option value="1">1</option>
    </select></td>
    </tr>
    <tr>
    <td height="40" align="right">性别:</td>
    <td><input name="sex" type="radio" value="男" checked="checked"/>男
    <input type="radio" name="sex" value="女"/>女</td>
    </tr>
    <tr>
    <td height="40" align="right">密码:</td>
    <td><input name="possword" type="password" size="7" maxlength="16"/></td>
    </tr>
    <tr>
    <td align="right"> </td>
    <td>6-16个字符组成,区分大小写,不能为9位以下纯数字</td>
    </tr>
    <tr>
    <td height="40" align="right">所在地:</td>
    <td><select name="country">
    <option value="中国">中国</option></select>
    <select name="province">
    <option value ="北京">北京</option>
    <option value ="上海">上海</option>
    </select>
    <select name="city">
    <option value ="东城">东城</option>
    <option value ="西城">西城</option>
    <option value ="海淀">海淀</option>
    </select></td>
    </tr>
    <tr><td height="40" align="right">爱好:</td>
    <td><input type="checkbox" name="hobby" id="" value="爬山" />爬山
    <input type="checkbox" name="hobby" id="" value="爬山" />爬山
    <input type="checkbox" name="hobby" id="" value="游泳" />游泳
    <input type="checkbox" name="hobby" id="" value="滑雪" />滑雪
    <input type="checkbox" name="hobby" id="" value="上网" />上网
    </td></tr>
    <tr><td height="40" align="right">验证码:</td>
    <td><input type="text" name="verycode" id="" value="" size="4" maxlength="4"/></td></tr>
    <tr><td align="right">验证图片:</td>
    <td><img src="../img/logo.jpg" width="12" height="12" /><a href="#">看不清楚?换张图片</a></td></tr>
    <tr><td height="60" align="right"> </td>
    <td><input type="submit" name="btnregister" id="" value="确定并同意以下服务条款" />
    <input type="reset" name="btnregister" id="" value="重置" /></td></tr>
    <tr><td height="30" align="right"> </td>
    <td><textarea rows="5" cols="40" name="readme">腾讯在此特别提醒用户
    </textarea></td></tr>
    </table></form></div>
    </body>
    </html>

  • 相关阅读:
    数据库外键约束
    mysql查询数据
    操作mysql操作数据库
    自定义标签
    jstl标签
    getattibute 与 getparameter区别
    2017.3.2
    java中静态,抽象,接口,继承总结
    关于使用css伪类实现小图标
    动态生成的dom元素绑定事件
  • 原文地址:https://www.cnblogs.com/111wdh/p/12680815.html
Copyright © 2011-2022 走看看