3_表单标签.html 834 B

12345678910111213141516171819202122232425262728293031323334
  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. <!-- 日期框 -->
  10. <input type="date">
  11. <!-- 颜色选择器 -->
  12. <input type="color">
  13. <!-- 邮箱 -->
  14. <form action="xxx.html">
  15. <input type="email" name="user-email">
  16. <input type="tel" name="user-tel">
  17. <input type="submit" value="提交">
  18. </form>
  19. <!-- 数字框 -->
  20. <input type="number" min="0" max="100" value="90">
  21. <input type="range" max="100" min="0" value="90" step="10">
  22. <!-- 文本框中value 表示默认值 -->
  23. <input type="text" value="user">
  24. <!-- placeholder 提示文字 -->
  25. <input type="text" placeholder="请输入用户名" disabled>
  26. </body>
  27. </html>