3.输入类型.html 986 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  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. <!-- text 文本类型 -->
  10. <input type="text">
  11. <br>
  12. <!-- color 调色板 -->
  13. <input type="color">
  14. <br>
  15. <!-- date 日期 -->
  16. <input type="date" value="2025-05-30">
  17. <br>
  18. <!-- time 时间 -->
  19. <input type="time" value="13:30">
  20. <br>
  21. <!-- search 搜索 -->
  22. <input type="search">
  23. <br>
  24. <!-- range 进度条 -->
  25. <input type="range">
  26. <br>
  27. <!-- tel 手机号 -->
  28. <input type="tel" maxlength="11">
  29. <br>
  30. <!-- file 文件 -->
  31. <input type="file">
  32. <br>
  33. <select>
  34. <option value="1">1</option>
  35. <option value="2">2</option>
  36. </select>
  37. <input type="text" list="aaa">
  38. <datalist id="aaa">
  39. <option value="1">11</option>
  40. <option value="2">22</option>
  41. </datalist>
  42. </body>
  43. </html>