1_新增input.html 1.1 KB

1234567891011121314151617181920212223242526272829303132333435
  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. <!-- 新增input类型 -->
  10. <!-- 日期选择器 -->
  11. <input type="date">
  12. <!-- 时间选择器 -->
  13. <input type="time">
  14. <!-- 日期时间选择器 -->
  15. <input type="datetime-local">
  16. <!-- 颜色选择器 -->
  17. <input type="color">
  18. <!-- 数字输入框 最小值 最大值 步长 -->
  19. <input type="number" min="0" max="10" step="2">
  20. <!-- range输入框 最小值 最大值 步长 -->
  21. <input type="range" min="0" max="10" step="2">
  22. <!-- email输入框 验证邮箱格式 -->
  23. <!-- <input type="email"> -->
  24. <!-- from 表单提交 action属性是提交数据的地址 -->
  25. <form action="xxx.com">
  26. <input type="text" name="username" placeholder="请输入用户名">
  27. <input type="email" name="email" placeholder="请输入邮箱">
  28. <!-- submit提交按钮 -->
  29. <input type="submit" value="提交">
  30. </form>
  31. </body>
  32. </html>