html5表单新特性有哪些

html5表单新特性有哪些

• 来源:网络
• 更新日期:2022-01-24

摘要：html5表单新特性有：1、新增input type类型值（email、url、number、tel、color、date等）；2、新增表单元素属性（placeholder、autofocus、form、min、max、patter等）。本教程操作环

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：指定一个正则表达式，对输入进行验证。(正则默认首尾加^$)

相关推荐：《html视频教程》