2 增强型表单
新的表单类型
(1)邮箱验证
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>邮箱验证</title> <style> </style> </head> <body> <form> <input type="email"> <input type="submit"> </form> </body> </html>
效果展示
这个是新增的输入框类型,user在输入框填写后提交信息,自动验证email域的值是否合法有效
(2)数值输入
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>数值输入</title> <style> </style> </head> <body> <form> <input type="number" min="9" max="12"> <!--限制输入的数值范围在9-12之间,包括9和12--> <input type="submit"> </form> </body> </html>
效果展示
这是新增的数值类型。输入的值不在区间范围内,会自动提示。