扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
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视频教程》
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网