这篇文章主要为大家展示了“html5表单新特性是什么”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“html5表单新特性是什么”这篇文章吧。
html5表单新特性有：1、新增input type类型值（email、url、number、tel、color、date等）；2、新增表单元素属性（placeholder、autofocus、form、min、max、patter等）。
本教程操作环境：windows7系统、HTML5版、Dell G3电脑。
H5的表单新特性可以分为两大类。
一、10个input的type值
1、email：邮件输入域，在表单提交时提供简单的邮箱格式验证，并弹出一个提示窗口。
2、url：地址输入域，在表单提交时提供简单的URL地址格式验证，并弹出一个提示窗口。
3、number：数字输入域。(可设置min、max、step)
4、tel：电话号码输入域，在手机浏览器中弹出数字输入域。
5、search：搜索输入域，在手机浏览器右下角呈现搜索按键。
6、range：范围选择控件。
7、color：颜色选择控件。
8、date/month/week：时间选择控件。
二、11个表单元素新属性
1、autocomplete：自动补全，是否自动记录之前提交的数据，以用于下一次输入建议。
2、placeholder：占位符，用于在输入框中显示提示性文字，与value不同，不能被提交。
3、autofocus：自动获得输入焦点。
4、multiple：是否允许多个输入值，若声明该属性，那么输入框中允许输入多个用逗号隔开的值。
5、form：值为某个表单的id，若设置，则该输入域可放在该表单外面。
6、required：在表单提交时会验证是否有输入，没有则弹出提示消息。
7、maxlength：限制最大长度，只有在有输入的情况下才有用，不区分中英文。
7.5、minlength：限制最小长度，但它不是H5标准属性，仅部分浏览器支持。
8、min：限定输入数字的最小值。
9、max：限定输入数字的最大值。
10、step：限定输入数字的步长，与min连用。
11、pattern：指定一个正则表达式，对输入进行验证。(正则默认首尾加^$)
以上是“html5表单新特性是什么”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
