1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    6.     <title>Document</title>
    7. </head>
    8. <body>
    9.     <form action="/index.html" method="GET">
    10.     用户名：<input type="text" name="username" id="name_user" value="你好"> <br />
    11.     密码：<input type="password" name="pwd" id=""> <br>
    12. <!-- radio单选框 -->
    13.     <input type="radio" name="gender" value="1" id="" checked> 男
    14.     <input type="radio" name="gender" value="2" id="" checked> 女
    15.     <br />
    16.     喜欢什么？
    17. <!-- checkbox为复选框，在表单中只能用submit按钮来提交数据 -->
    18.     <input type="checkbox" name="likes" value="1" id="">吃饭
    19.     <input type="checkbox" name="likes" value="2" id="">睡觉
    20.     <input type="checkbox" name="likes" value="3" id="">打豆豆
    21.     <input type="submit" value="提交">
    22.     选择喜欢的角色：
    23. <!-- select下拉框 -->
    24.     <select name="lover" id="">
    25.         <option value="1">吕布</option>
    26.         <option value="2">项羽</option>
    27.         <option value="3">诸葛亮</option>
    28.         <option value="4">曹操</option>
    29.         <option value="5">刘备</option>
    30.     </select>
    31.     提出意见：
    32. <!-- textarea是编辑框 -->
    33.     <textarea name="" id="" cols="30" rows="10"></textarea>
    34.     </form>
    35. </body>
    36. </html>