概述HTML5表单的应用和结构,请输出你所知道的HTML5新增表单属性
1.电子邮件的自动验证只需要type="email "
2.日期(年、月、日)的验证:type=date
3.验证时间(格式:00: 00): type= time
4.数字的验证(可以加减)type=number
5.月(-年-月)类型=月
6.周(-年-周)类型=周
7,范围(范围0-100)类型=范围
8、搜索类型=搜索
9.颜色的完整集合:type=color
10、url验证(前面必须加http://-) type= URL 复制代码代码如下:
表单操作=Myform.php id=Myform 方法=post
email:input type= email id= email required= required /br/
日期:输入类型=日期 id=日期/br/
时间:输入类型=time id=time /br/
数字:输入类型=数字 id=数字/br/
月:输入类型=月 id=月/br/
周:输入类型=周 id=周/br/
范围:输入类型=范围 id=范围/br/
搜索:输入类型=搜索 id=搜索/br/
color:input type= color id= color /br/
input type= text name= auto value= list= movie /
datalist id=“电影”
选项呵呵呵/选项
选项进纸进纸进纸/选项
选项嘿嘿嘿/选项
/数据列表
输入=提交值=提交/
/表单
URL:input type= URL id= URL required= required name= URL form= my form /br/
用户名:input type= text required= required placeholder=请输入用户名 form= my form auto focus= auto focus pattern= \ w { 5 } /html新增表单属性。
1.验证需要required="required"。
2.placeholder=请输入用户名是默认值,它会提示用户,但不会提交给服务器。
3.Auto-focus= auto-focus 自动对焦功能,提高了用户友好性。
4.pattern=\w{5} 在html元素中填充正则表达式
也可以在表单外提交表单,但需要在输入form=Myform/中,form="myform "需要和表单form中的id有相同的值,即表单id=Myform/form。
自动填表:(效果感觉比下拉列表好多了,感觉挺好的)列表的值要等于datalist中id的值才能识别出我要显示你的内容:复制代码如下:
input type= text name= auto value= list= movie /
datalist id=“电影”
选项呵呵呵/选项
选项进纸进纸进纸/选项
选项嘿嘿嘿/选项
/数据列表
一张地图:
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。