html5 form表单,html5新增的表单控件元素
第一个知识点:表格的属性和汇总。
第二个知识点:H5的新表单控件和属性及摘要。
第一个知识点:
我们常见的表单验证是什么?
文本框标签
密码箱
复选框多选框
无线电收音机盒
按钮按钮
提交按钮
以上是一些常用的表单属性。
第二个知识点:H5新的输入型控件
(1)邮箱:电子邮箱,和普通的没什么区别。
1.当输入不是邮箱时,验证失败。
2.手机键盘会变。
(2)电话:电话号码
1.主要在移动端,一个键盘开关
(3) url:网页的url
输入正确的URL。
(4) sear:搜索引擎
1.在1.chrome下输入文本后,会多一个闭合的x。
(5)范围:特定范围内的数值选择器
1 .最小、最大、步数(步数)
2.示例:使用js显示当前数值
(6)数字:只能包含数字的输入框。
(7)颜色:颜色选择器
(8) detetime显示完整的日期。
(9) autocomplete:是否保存用户输入的值。
静默开启,关闭提示选择关闭。
(10):指定获得输入焦点的表单。
(11):此项为必填项,不能为空。
如果只写了第一个输入框,第二个输入框会弹出“请填写此字段”。
(XII)parren:规范验证模式=\d{1,5}
我设定的规律是1-5个数字。否则,提交失败。
总结
以上是边肖介绍的HTML5新表单控件和表单属性示例代码的详细说明。希望对你有帮助。如果您有任何问题,请给我留言,边肖将及时回复您!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。