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限定输入数字的最大值。
1 0. step限定输入数字的步长,与min连用。
1 1. pattern指定一个正则表达式,对输入进行验证。(正则默认首尾加^$)
相关推荐《html视频教程》