4_表单.html 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Document</title>
  6. </head>
  7. <body>
  8. <!-- 表单元素 -->
  9. <form action="xx后台地址">
  10. <!-- 文本框 -->
  11. 姓名:
  12. <input type="text">
  13. <!-- 密码框 -->
  14. 密码:
  15. <input type="password">
  16. <br>
  17. <!-- 单选框 相同的name属性 -->
  18. <input type="radio" name="sex">男
  19. <input type="radio" name="sex">女
  20. <br>
  21. <!-- 复选框 checkbox -->
  22. 爱好:
  23. <input type="checkbox" name="hobby">吃饭
  24. <input type="checkbox" name="hobby">睡觉
  25. <input type="checkbox" name="hobby">敲代码
  26. <br>
  27. <!-- 下拉框 -->
  28. 请选择学校:
  29. <select >
  30. <option>黑大</option>
  31. <option>理工</option>
  32. <option>黑工程</option>
  33. </select>
  34. <br>
  35. 备注:
  36. <!-- 文本域 -->
  37. <textarea name="" cols="30" rows="20"></textarea>
  38. <!-- <button>按钮</button> -->
  39. <!-- 普通按钮 type属性button -->
  40. <input type="button" value="登录">
  41. <!-- 提交按钮type属性 submit -->
  42. <input type="submit">
  43. </form>
  44. </body>
  45. </html>