html注册页面

实现下面这个注册页面

在这里插入图片描述
下面是我实现的

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>注册页面</title>
 </head>
 <body>
  <h3>青春不常在,抓紧时间学习吧</h3><br>
  <table cellspacing="0"  height="20" width="400">
      <tr>
          <td>性别</td>
    <td>
     <input type="radio" name="sex" id="nan" value="" /><label for="nan"></label> 
     <input type="radio" name="sex" id="nv" value="" /><label for="nv"></label> 
    </td>
      </tr>
   <tr>
    <td>生日</td>
    <td>
     <select name="">
      <option >2000年</option>
      <option >2001年</option>
      <option >2002年</option>
      <option >2003年</option>
      <option >2004年</option>
      <option >2005

     </select>
     <select name="">
      <option >1月</option>
      <option >2月</option>
      <option >3月</option>
      <option >4月</option>
      <option >5月</option>
      <option >6月</option>
      <option >7月</option>
      <option >8月</option>
      <option >9月</option>
      <option >10月</option>
      <option >11月</option>
      <option >12月</option>
     </select>
     <select name="">
      <option >1日</option>
      <option >2日</option>
      <option >3日</option>
      <option >4日</option>
      <option >5日</option>
      <option >6日</option>
      <option >7日</option>
      <option >8日</option>
      <option >9日</option>
      <option >10日</option>
      <option >11日</option>
      <option >12日</option>
      <option >13日</option>
      <option >14日</option>
      <option >15日</option>
      <option >16日</option>
      <option >17日</option>
      <option >18日</option>
      <option >19日</option>
      <option >20日</option>
      <option >21日</option>
      <option >22日</option>
      <option >23日</option>
      <option >24日</option>
      <option >25日</option>
      <option >26日</option>
      <option >27日</option>
      <option >28日</option>
      <option >29日</option>
      <option >30日</option>
      <option >31日</option>
     </select>
    </td>
   </tr>
   <tr>
    <td>所在地区</td>
    <td><input type="text" name="地区"></td>
   </tr>
   <tr>
       <td>婚姻状况</td>
    <td><input type="radio" name="婚姻" id="wei" value="未婚" /><label for="wei">未婚</label> <input type="radio" name="婚姻" id="yi" value="已婚" /><label for="yi">已婚</label> <input type="radio" name="婚姻" id="li" value="离婚" /><label for="li">离婚</label></td>
   </tr>
   <tr>
    <td>学历</td>
    <td><input type="text" name="学历" ></td>
   </tr>
   <tr>
    <td>喜欢的类型</td>
    <td>
     <input type="checkbox" name="类型" value="hobby" id="可爱"><label for="可爱">可爱的</label>
     <input type="checkbox" name="类型" value="hobby" id=""><label for="">小鲜肉</label>
     <input type="checkbox" name="类型" value="hobby" id=""><label for="">老腊肉</label>
    </td>
   </tr>
   <tr>
    <td>自我介绍</td>
    <td>
     <textarea rows="3" ></textarea><br>   
    </td>
   </tr> 
   <tr>
    <td></td>
    <td>
     <input type="submit" value="免费注册" /><br>
     <input type="radio" name=" 同意注册条款" value="未婚" checked="checked"/>我同意注册条款和会员加入标准<br>
     <a href="https://blog.csdn.net/ingenuou_/article/details/107684755" target="target">我是会员,立即登录</a><br>
     <h3>我承诺</h3>
     <ul>
         <li>抱着严肃的态度</li>
         <li>认真去学习</li>
     </ul>
    </td>
   </tr>
  </table>
 </body>
</html>

在这里插入图片描述

  • 3
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值