属性值 说明
    type=”email” 限制用户输入必须为Email类型
    type=”url” 限制用户输入必须为URL类型
    type=”date” 限制用户输入必须为日期类型
    type=”time” 限制用户输入必须为时间类型
    type=”month” 限制用户输入必须为月类型
    type=”week” 限制用户输入必须为周类型
    type=”number” 限制用户输入必须为数字类型
    type=”tel” 手机号码
    type=”search” 搜索框
    type=”color” 生成一个颜色选择表单
    type=”submit” 提交
    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4. <meta charset="UTF-8">
    5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
    6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
    7. <title>Document</title>
    8. </head>
    9. <body>
    10. <!-- 验证必须添加form表单域 -->
    11. <form action="">
    12. <ul>
    13. <li>邮箱:<input type="email"></li>
    14. <li>网址:<input type="url"></li>
    15. <li>日期:<input type="date"></li>
    16. <li>日期:<input type="time"></li>
    17. <li>数量:<input type="number"></li>
    18. <li>手机号码:<input type="tel"></li>
    19. <li>搜索:<input type="search"></li>
    20. <li>颜色:<input type="color"></li>
    21. <!-- 点击提交按钮就可以验证表单了 -->
    22. <li><input type="submit" value="提交"></li>
    23. </ul>
    24. </form>
    25. </body>
    26. </html>

    image.png