前端第二天-表单

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>世界佳缘-你在我也在</title>
 </head>
 <body>
  <table width="600px" align="center" cellpadding="0" cellpadding="0">
   <tbody>
    <!-- 表头 -->
    <tr height="60px">
     <th colspan="2"> 青春不常在,抓紧谈恋爱 </th>
    </tr>
    
    <!-- 性别 -->
    <tr height="40px">
     <td>性别</td>
     <td>
      <input type="radio" name="sex">
      <img src="img/man.jpg" alt="">
      男
      
      <input type="radio" name="sex">
      <img src="img/women.jpg" alt="">
      女
     </td>
    </tr>
    
    <!-- 生日 -->
    <tr height="40px">
     <td>生日</td>
     <td>
      <select name="" id="">
       <option value="">出生年份</option>
       <option value="">1997年</option>
       <option value="">1998年</option>
       <option value="">1999年</option>
      </select>
      
      <select name="" id="">
       <option value="">出生月份</option>
       <option value="">1月份</option>
       <option value="">2月份</option>
       <option value="">3月份</option>
      </select>
      
      <select name="" id="">
       <option value="">出生日期</option>
       <option value="">1日</option>
       <option value="">2日</option>
       <option value="">3日</option>
      </select>
     </td>
    </tr>
    
    <!-- 所在地区 -->
    <tr height="40px">
     <td>所在地区</td>
     <td>
      <input type="text" value="北京">
     </td>
    </tr>
    
    <!-- 婚姻状况 -->
    <tr height="40px">
     <td>婚姻状况</td>
     <td>
      未婚<input type="radio" name="marry">
      离婚<input type="radio" name="marry">
      丧偶<input type="radio" name="marry">
     </td>
    </tr>
    
    <!-- 学历 -->
    <tr height="40px">
     <td>学历</td>
     <td>
      <input type="text" value="小学">
     </td>
    </tr>
    
    <!-- 月薪 -->
    <tr height="40px">
     <td>月薪</td>
     <td>
      <input type="text" value="5000-10000">
     </td>
    </tr>
    
    <!-- 手机号 -->
    <tr height="40px">
     <td>手机号</td>
     <td>
      <input type="text" value="">
     </td>
    </tr>
    
    <!-- 昵称 -->
    <tr height="40px">
     <td>昵称</td>
     <td>
      <input type="text" value="">
     </td>
    </tr>
    
    <!-- 喜欢的类型 -->
    <tr height="40px">
     <td>喜欢的类型</td>
     <td>
      <input type="checkbox" name="merry"> 可爱
      <input type="checkbox" name="merry"> 气质
      <input type="checkbox" name="merry"> 梁紫玲
      <input type="checkbox" name="merry"> 优雅
      <input type="checkbox" name="merry"> 身材好
     </td>
    </tr>
    
    <!-- 自我介绍 -->
    <tr height="40px">
     <td>自我介绍</td>
     <td>
      <textarea name="" id="" cols="50" rows="10"></textarea>
     </td>
    </tr>
    
    <!-- 提交 -->
    <tr height="60px">
     <td></td>
     <td>
      <input type="image" src="img/btn.png">
     </td>
    </tr>
    
    <!-- 协议 -->
    <tr height="60px">
     <td></td>
     <td>
      <input type="checkbox" checked="checked">我同意注册条款和会员加入标准 
     </td>
    </tr>
    
    <!-- 链接 -->
    <tr height="40">
     <td></td>
     <td>
      <a href="login.html">我是会员,立即登入</a>
     </td>
    </tr>
    
    <!-- 承诺协议 -->
    <tr height="40">
     <td></td>
     <td>
      <h3>我承诺</h3>
      <ul>
       <li>年满十八岁,单身</li>
       <li>抱着严肃的态度</li>
       <li>真诚的寻找另一半</li>
      </ul>
     </td>
    </tr>
    
   </tbody>
  </table>
 </body>
</html>

        世界佳缘-你在我也在                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            
青春不常在,抓紧谈恋爱
性别                     男                            女      
生日               出生年份        1997年        1998年        1999年                             出生月份        1月份        2月份        3月份                             出生日期        1日        2日        3日             
所在地区             
婚姻状况       未婚       离婚       丧偶      
学历             
月薪             
手机号             
昵称             
喜欢的类型        可爱        气质        梁紫玲        优雅        身材好      
自我介绍             
            
      我同意注册条款和会员加入标准       
      我是会员,立即登入      
      

我承诺

      
  •        
  • 年满十八岁,单身
  •        
  • 抱着严肃的态度
  •        
  • 真诚的寻找另一半
  •       
     
 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值