4_表单元素.html 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Document</title>
  8. </head>
  9. <body>
  10. <!-- 表单 action提交地址-->
  11. <form action="" >
  12. 用户名:
  13. <!-- 文本框 -->
  14. <input type="text">
  15. <br/>
  16. 密码:
  17. <!-- 密码框 -->
  18. <input type="password">
  19. <br/>
  20. 性别:
  21. <!-- 单选框 相同的name属性 -->
  22. <input type="radio" name="sex">男
  23. <input type="radio" name="sex">女
  24. <br/>
  25. 爱好:
  26. <!-- 复选框 type="checkbox"-->
  27. <input type="checkbox" name="hobby">唱跳
  28. <input type="checkbox" name="hobby">篮球
  29. <input type="checkbox" name="hobby">敲代码
  30. <br/>
  31. 学校:
  32. <!-- 下拉框 -->
  33. <select>
  34. <option value="黑工程">黑工程</option>
  35. <option value="理工">理工</option>
  36. <option value="黑大">黑大</option>
  37. </select>
  38. <!-- 文本域 -->
  39. <textarea cols="50" rows="30"></textarea>
  40. <!-- 提交按钮 点击提交按钮的时候 会提交表单 -->
  41. <input type="submit">
  42. <button>按钮</button>
  43. <!-- 文件 -->
  44. <input type="file">
  45. </form>
  46. </body>
  47. </html>