概述HTML5表单的应用和结构,请输出你所知道的HTML5新增表单属性

  概述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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: