web前端 表单

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单</title>
    <style>
        div {
            font:900 15px "黑体"
        }
        #datePicker {
  padding: 10px;
  font-size: 16px;
}
    </style>
</head>
<body>
    <div>
        青春不常在,抓紧谈恋爱
    </div>
    性别&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name="gender" value="nan" checked >男
        <input type="radio" name="gender" value="nv">女<br/>
    <form>
        生日&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <select id="year" name="year">
          <option value="" disabled selected>请选择年</option>
          <option value="2021">2021</option>
          <option value="2022">2022</option>
        </select>
        <select id="month" name="month">
          <option value="" disabled selected>请选择月</option>
          <option value="1">1月</option>
          <option value="2">2月</option>
        </select>
        <select id="day" name="day">
          <option value="" disabled selected>请选择日</option>
          <option value="1">1日</option>
          <option value="2">2日</option>
        </select>
      </form>
      <form>
        所在地区&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" value="连云港">
      </form>   
      <form>    
      婚姻状况&nbsp;&nbsp;&nbsp;&nbsp;
      <input type="radio" name="gender" value="weihun" checked>未婚
        <input type="radio" name="gender" value="yihun">已婚
        <input type="radio" name="gender" value="lihun">离婚<br/>
    </form> 
        <form>
            学历&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" value="幼儿园"><br/>
            喜欢的类型
            <input type="checkbox" name="leixing">妩媚的
            <input type="checkbox" name="leixing">可爱的
            <input type="checkbox" name="leixing" >小鲜肉
            <input type="checkbox" name="leixing" >老腊肉
            <input type="checkbox" name="leixing" >都喜欢<br/>
        </form>
        <form>
        自我介绍&nbsp;&nbsp;&nbsp;&nbsp;
            <textarea cols="20" rows="2" maxlength="100">自我介绍</textarea><br/>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="submit" value="免费注册"></br>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" name="tongyi" checked>我同意注册条款和会员加入标准<br/>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.xianoupeng.com/" target="_blank">我是会员立即登录</a><br/>
 
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<h2>我承诺</h2>
            <ul type="">
                <li>年满18岁、单身</li>
                <li>抱着严肃的态度</li>
                <li>真诚寻找另一半</li>
            </ul>
 
 
        </form>
 
 
 
      
</body>
</html>

 

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值