9_表单标签.html 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  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. <!-- 表单标签 inpu tyep="text" 文本框 -->
  10. <input type="text">
  11. <!-- 密码框 -->
  12. <input type="password">
  13. <!-- 按钮 -->
  14. <input type="button" value="按钮">
  15. <button>按钮</button>
  16. <!-- 单选框 -->
  17. <input type="radio" name="sex">男
  18. <input type="radio" name="sex">女
  19. <!-- 复选框 -->
  20. <input type="checkbox" name="hobby">篮球
  21. <input type="checkbox" name="hobby">足球
  22. <input type="checkbox" name="hobby">乒乓球
  23. <!-- 下拉框 -->
  24. <select multiple>
  25. <option value="001">黑大</option>
  26. <option value="002">黑工程</option>
  27. <option value="">理工</option>
  28. <option value="">华德</option>
  29. </select>
  30. <!-- 文本域 -->
  31. <textarea cols="20" rows="5"></textarea>
  32. <!-- 文件上传 -->
  33. <input type="file">
  34. <br/>
  35. <br/>
  36. <br/>
  37. <br/>
  38. <br/>
  39. <!-- form 表单 -->
  40. <!-- action 提交数据的服务器地址 method请求方式 -->
  41. <form action="http://localhost:4000" method="get">
  42. 用户名:<input type="text" name="username">
  43. 密码:<input type="password" name="password">
  44. <!-- submit 表示提交按钮 仅在form表单内生效 -->
  45. <input type="submit" value="提交">
  46. </form>
  47. </body>
  48. </html>