HTML注册列表

一、代码如下

    <!DOCTYPE html>
 <html>
 <head>
    <meta charset="utf-8">
     <title>注册表</title>
 </head>
 <body>
     <table width="600" align="center">
         <!--表格标题-->  
          <caption>前端注册</caption>
          <!--第一行-->
          <tr>
             <td>性别</td>
             <td>
                <input type="radio" name="sex" />男
                <input type="radio" name="sex" />女
             </td>
          </tr>
          <!--2-->
          <tr>
             <td>生日</td>
             <td>
             <!--年份的-->
                <select>
                     <option>--请选择年--</option>
                     <option>1997</option>
                     <option>1998</option>
                     <option>1999</option>
                </select>
             <!--月份的-->
                <select>
                     <option>--请选择月--</option>
                     <option>1</option>
                     <option>2</option>
                     <option>3</option>
                </select>
             <!--日份的-->
                <select>
                     <option>--请选择日--</option>
                     <option>1</option>
                     <option>2</option>
                     <option>3</option>
                </select>
             </td>
          </tr>
          <!--3-->
          <tr>
             <td>所在地区</td>
             <td>
                <input type="text" name="北极" value="北极" />
             </td>
          </tr>
          <!--4-->
          <tr>
             <td>婚姻状况</td>
             <td>
                <input type="radio"  name="marry" />未婚
                <input type="radio"  name="marry" />已婚
                <input type="radio"  name="marry" />离婚
             </td>
          </tr>
          <!--5-->
          <tr>
             <td>学历</td>
             <td>
                <input type="text" name="" value="初中">
             </td>
          </tr>
          <!--6-->
          <tr>
             <td>月薪</td>
             <td>
                <input type="text" name="" value="3000">
             </td>
          </tr>
          <!--7-->
          <tr>
             <td>手机号</td>
             <td>
                <input type="text" name="" value="13073504847">
             </td>
          </tr>
          <!--8-->
          <tr>
             <td>昵称</td>
             <td>
                <input type="text" name="" value="乐乐">
             </td>
          </tr>
          <!--9-->
          <tr>
             <td>喜欢类型</td>
             <td>
                <input type="checkbox" name="love" />妩媚的
                <input type="checkbox" name="love" />可爱的
                <input type="checkbox" name="love" />性感的
                <input type="checkbox" name="love" />都行的
             </td>
          </tr>
          <!--10-->
          <tr>
             <td>自我介绍</td>
             <td>
               <textarea>自我介绍</textarea>
             </td>
          </tr>
          <!--11-->
          <tr>
             <td></td>
             <td>
               <img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=365691998,3567423622&fm=26&gp=0.jpg">
             </td>
          </tr>
         <!--12-->
         <tr>
            <td></td>
            <td>
               <input type="checkbox" name="agree" checked="checked" />我意注册条款和会员加入标准</td>
         </tr>
         <!--13-->
         <tr>
            <td></td>
            <td>
               <a href="#">我是会员,立即登录</a>
            </td>
         </tr>
         <!--14-->
         <tr>
            <td></td>
            <td>
               <h3>我承诺</h3>
               <ul>
                  <li>年满18岁、单身</li>
                  <li>抱着严肃的态度</li>
                  <li>真诚寻找另一半</li>
            </td>
         </tr>
     </table>
 </body>
 </html>

二、相关效果及截图

  

 

 

 

 

 

三、截图

posted @ 2020-02-03 21:07  Kvin_Blog  阅读(300)  评论(0)    收藏  举报