web前端 表单作业

作业要求：

 

代码：

<!DOCTYPE html>
<html lang="en">
​
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单练习</title>
</head>
​
<body>
    <h1>青春不常在，抓紧谈恋爱</h1>
    <form action="#">
        性别&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name="gender" value="nan">男
        <input type="radio" name="gender" value="nv">女<br/>
​
        生日&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<select name="year" id="">
            <option value="年" selected>-请选择年-</option>
            <option value="2005">2005</option>
            <option value="2004">2004</option>
            <option value="2003">2003</option>
            <option value="2002">2002</option>
            <option value="2001">2001</option>
            <option value="2000">2000</option>
            <option value="1999">1999</option>
            <option value="1998">1998</option>
            <option value="1997">1997</option>
            <option value="1996">1996</option>
            <option value="1995">1995</option>
            <option value="1994">1994</option>
            <option value="1993">1993</option>
            <option value="1992">1992</option>
            <option value="1991">1991</option>
            <option value="1990">1990</option>
        </select>
        &nbsp;<select name="month" id="">
            <option value="月" selected>-请选择月-</option>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            <option value="6">6</option>
            <option value="7">7</option>
            <option value="8">8</option>
            <option value="9">9</option>
            <option value="10">10</option>
            <option value="11">11</option>
            <option value="12">12</option>
        </select>
    </select>
        &nbsp;<select name="day" id="">
            <option value="日" selected>-请选择日-</option>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            <option value="6">6</option>
            <option value="7">7</option>
            <option value="8">8</option>
            <option value="9">9</option>
            <option value="10">10</option>
            <option value="11">11</option>
            <option value="12">12</option>
            <option value="13">13</option>
            <option value="14">14</option>
            <option value="15">15</option>
            <option value="16">16</option>
            <option value="17">17</option>
            <option value="18">18</option>
            <option value="19">19</option>
            <option value="20">20</option>
            <option value="21">21</option>
            <option value="22">22</option>
            <option value="23">23</option>
            <option value="24">24</option>
            <option value="25">25</option>
            <option value="26">26</option>
            <option value="27">27</option>
            <option value="28">28</option>
            <option value="29">29</option>
            <option value="30">30</option>
            <option value="31">31</option>
        </select>  <br/>
        婚姻状况&nbsp;&nbsp;&nbsp;<input type="radio" name="hunyin" value="未婚">未婚
        <input type="radio" name="hunyin" value="已婚">已婚 <input type="radio" name="hunyin" value="离婚">离婚<br />
               
        所在地区&nbsp;&nbsp;&nbsp;
        <input type="text" name="area" value=""  placeholder="北京"><br />
    
        学历&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <input type="text" name="xueli" value=""  placeholder="幼儿园"><br />
    
        喜欢的类型<input type="checkbox" name="type" id="wumei"><label for="wumei">妩媚</label>
        <label><input type="checkbox" name="type" id="keai "><label for="keai">可爱</label>
        <input type="checkbox" name="typed "><label for="keai">小鲜肉</label>
        <input type="checkbox" name="typed" ><label for="laolarou">老腊肉</label>
        <input type="checkbox" name="typed" ><label for="douxihuan">都喜欢</label><br/>

       自我介绍&nbsp;&nbsp;&nbsp; <textarea cols="30" rows="3" maxlength="90" >自我介绍</textarea><br/>

        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <button type="submit">免费注册</button><br />
        
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" name="type" id="option"><label for="option">我同意注册条款和会员加入标准</label><br/>

        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        &nbsp;&nbsp;<a href="./22honeworkpicture.html" target="_blank"><u>我是会员，立即登录</u></a><br/>
          <h2>我承诺</h2>
            <ul>
                <li>年满18岁、单身</li>
                <li>抱着严肃的态度</li>
                <li>真诚寻找另一半</li>
            </ul>
    </form>
</body>
​
</html>

 

结果显示：

 

posted @ 2023-07-07 22:35  胧月北宸  阅读(28)  评论(0)    收藏  举报