介绍 & lt; ! DOCTYPE html>
& lt; html lang=癳n"祝辞
& lt; head>
,,,& lt; meta charset=癠TF-8"比;
,,,& lt; title> form
& lt;/head>
& lt; body>
,,,& lt; form action=啊? enctype=岸嗖糠?form-data", novalidate>
,,,,,,,& lt; input 类型=癴ile"比;
,,,,,,,& lt; !——,正则:5个数字+ cyy中任意一个字母,——比;
,,,,,,,& lt; input 类型=皌ext", required autocomplete autofocus 模式=?^ \ d {5} [cyy]美元/氨?
,,,,,,,& lt; input 类型=皌ext",列表=癿ylist"比;
,,,,,,,& lt; datalist id=癿ylist"比;
,,,,,,,,,,,& lt; option 价值=https://www.yisu.com/zixun/" list1 "> list1
<选项值=坝糜凇?用于
<选项值=" list3 "> list3
& lt; ! DOCTYPE html>
& lt; html lang=癳n"祝辞
& lt; head>
,,,& lt; meta charset=癠TF-8"比;
,,,& lt; title> form
& lt;/head>
& lt; body>
,,,& lt; form action=啊? enctype=岸嗖糠?form-data", novalidate>
,,,,,,,& lt; label 为=癿an"在男& lt;/label>
,,,,,,,& lt; input 类型=皉adio", name=皊ex", id=癿an"比;
,,,,,,,& lt; label 为=皐oman"在女& lt;/label>
,,,,,,,& lt; input 类型=皉adio", name=皊ex", id=皐oman"比;
,,,,,,,& lt; input 类型=皊ubmit",价值=https://www.yisu.com/zixun/碧峤弧癴ormnovalidate>
今天就跟大家聊聊有关HTML5表单验证的特性是什么,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。
<强> HTML5表单新增的类型:
邮件地址范围
数量日期(日期,月份,星期,时间,日期时间,datetime-local)搜索
颜色tel
去掉铬记住密码后自动填充表单的黄色背景:
自动完成=皁ff"可以加在输入或者形成上
<强>下拉提示:
列表和datalist
html5表单使用正则:模式
提交表单时不进行验证:已经(加在表单上),,formnovalidate(加在输入:提交上)
文本框自动聚焦:自动对焦
如果输入中有文件提示文件,则形成必须添加:
enctype=岸嗖糠?form-data"