HTML5新增form控制和表单特性案例编码详解

日期:2020-12-11 类型:科技新闻 

关键词:免费自助建站,手机建站平台,wap建站,免费自助建站平台,H5网站,H5模板建站

第1个专业知识点:表单的特性及总结

第2个专业知识点:H5新增的表单控制和特性和总结

第1个专业知识点:

大家普遍的表单认证有哪些呢

  text  文字框标识

  password 登陆密码框

  checkbox 多选框

  radio  单选框

  button  按钮

  submit  递交按钮

以上是大家常见的1些form特性

第2个专业知识点:H5新的键入型控制

  (1)email:电子器件电子邮箱文字框,跟一般的没甚么差别

  1.当键入并不是电子邮箱的情况下,认证堵塞过

  2.挪动端电脑键盘会有转变

  (2)tel:电話号码

  1.关键在挪动端,1个电脑键盘的切换

  (3)url:网页页面的URL

  

键入正确的网站地址

  (4)sear:检索模块

  1.chrome下键入文本后,会多出1个关掉的x

  (5)range:特殊范畴内的标值挑选器

  1.min、max、step(步数)

  2.事例:用js来显示信息当今标值

  

  (6)number:只能包括数据的键入框

  (7)color:色调挑选器

  

  (8)detetime显示信息详细时间

  (9)autocomplete:是不是储存客户键入值

  默人为因素on,关掉提醒挑选off

  (10):特定表单获得键入聚焦点

  

  (101):此项必填,不可以为空

假如只写第1个键入框,第2个键入框就会弹出“请填写此字段”

  (102)parrern:正则表达式认证 pattrn="\d{1,5}"

我设定的正则表达式是1⑸数据,假如并不是就递交不成功

总结

以上所述是网编给大伙儿详细介绍的HTML5新增form控制和表单特性案例编码详解,期待对大伙儿有一定的协助,假如大伙儿有任何疑惑欢迎给我留言,网编会立即回应大伙儿的!