7_表单元素.html 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  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. <!-- 表单 -->
  11. <form action="">
  12. <!-- 文本框 -->
  13. <input type="text">
  14. <!-- 密码框 -->
  15. <input type="password">
  16. <br>
  17. <!--  单选框 性别 单选框需要把一组起一个相同的name属性-->
  18. <input type="radio" name="sex">男
  19. <input type="radio" name="sex">女<br>
  20. <!-- 复选框 checkbox 复选框一组起一个相同的name属性-->
  21. 爱好:
  22. <input type="checkbox">打篮球
  23. <input type="checkbox">吃饭
  24. <input type="checkbox">睡觉
  25. <br>
  26. 学校:
  27. <!-- 下拉框 -->
  28. <select >
  29. <option value="">黑大</option>
  30. <option value="">理工</option>
  31. <option value="">xxx</option>
  32. </select>
  33. <!-- 文本域 -->
  34. <textarea ></textarea>
  35. <!--按钮 -->
  36. <!-- submit提交按钮 点击会提交表单-->
  37. <input type="submit">
  38. <input type="button" value="click">
  39. <!-- <button>click</button> -->
  40. <input type="reset">
  41. </form>
  42. </body>
  43. </html>