美文网首页
H5新增的表单
功能

H5新增的表单功能

作者: 锦雯书 | 来源:发表于2017-04-26 18:54 被阅读0次

·H5新增的input输入类型

·email:定义用于email地址的字段;

·url:用于输入URL的字段;

·number:定义用于输入数字的字段;

·range:定义用于精确值不重要的输入数字的控件;

·Date Pickers:

1、date:定义data控件;

2、month:定义month和year控件(不带时区);

3、week:定义week和year控件;

4、time:定义用于输入时间的控件;

5、datetime:定义date和time控件,基于UTC时区;

6、datetime-local:定义date和time控件,不带时区。

7、search:定义用于搜索字符串的文本字段;

8、tel:定义用于输入电话号码的字段;

9、color:定义拾色器。

·H5新增的input属性

·autocomplete:规定<input>元素输入字段是否应该启用自动完成功能。(什么是自动完成功能?

·autofocus:规定当页面加载时<input>元素应该自动获得焦点。

·form:规定<input>元素所属的一个或多个表单。

·新增的表单重写属性:

1、formaction:规定当表单提交时处理输入控件的文件的URL。

2、formenctype:规定当表单数据提交到服务器时如何编码。

3、formmethod:定义发送表单数据到action URL的HTTP方法。

4、formnovalidate:formnovalidate属性覆盖<form>元素的novalidate属性。

5、formtarget:规定表示提交表单后在哪里显示接收到响应的名称或关键词。

6、除了formnovalidate属性,其他属性都是只针对type=“sunmit”和type=“image”。

·新增的height和width属性:规定<input>元素的高度和宽度。(只针对type=“image”)。

·list:属性引用<datalist>元素,其中包括<input>元素的预定义选项。

·新增的min、max和step属性:

1、min:规定输入框所输入的最小值;

2、max:规定输入框所输入的最大值;

3、step:为输入框规定合法的数字间隔。

·multiple:规定允许用户输入到<input>元素的多个值。

·pattern:规定用于验证<input>元素的值的简短的提示信息。

·placeholder:规定可描述输入<input>字段预期值的简短的提示信息。

·required:规定必须在提交表单之前填写输入字段。

·H5新增的form元素

·datalist:用于为输入提供一个可选的列表,用户可以直接选择列表中的某一选项,从而免去了输入的麻烦。

·keygen:Keygen元素是秘钥对生成器,能够使用户验证更为可靠。用户提交表单时会生成两个键,一个私钥,一个公钥,私钥保存客户端而公钥会发送到服务端。

·output:用于浏览器中显示计算结果或脚本输出,包含完整的开始和结束标签。语法:<output name=“……”>text</output>

·H5新增的form属性

·autocomplete属性:当此属性用于form元素时,所有从属于该form的元素都具备自动完成功能。如果要使用个别元素关闭自动完成功能,则只需单独为该元素指定autocomplete=“off”即可。

·novalidate属性:用于提交表单时取消整个表单的验证,即关闭对表单内所有元素的有效检查。如果只取消表单中较少部分内容的验证而不妨碍提交的大部分内容,则可以将此属性单独用于表单中的这些元素。

相关文章

  • H5新增的表单功能

    ·H5新增的input输入类型 ·email:定义用于email地址的字段; ·url:用于输入URL的字段; ·...

  • 关于H5(1)

    H5基础都有哪些: H5有用的标签: 新增标签 *表单 *js新增功能 css3选择器: *css3新增的样式 浏...

  • antd 常用知识点和小技巧总结

    目录 1 form 表单中 FormItem 的布局 2 form 表单,FormItem 的 rules 中新增...

  • h5新增元素&废弃元素

    h5新增元素 h5新增表单元素 h5废弃元素

  • 增强的表单Form功能

    所有元素必须放到表单form中或者指定form属性 新增属性 表单内部,可省略form属性 formaction属...

  • H5表单

    H5表单 1. HTML4 form表单复习 input 表单type属性值 text ...

  • form新增表单

    1.email电子邮箱文本框 2.tel电话号码 3.url网页URL地址 4.search搜索引擎 5.date...

  • 3_H5增强表单

    H5增强的表单 form元素及属性 form元素 用来定义一个表单,是建立表单的基础元素,(就类似定义表格的tab...

  • LayUI form表单提交之ajax请求后不执行回调方法

    form表单通过ajax异步提交实现新增员工的功能时,发现请求是成功的,后台也新增了该员工,却不执行回调方法(su...

  • H5学习从0到1-H5的表单(11)

    H5的表单元素 form:表单 input:输入域,type属性可以设置text,password,button等...

网友评论

      本文标题:H5新增的表单功能

      本文链接:https://www.haomeiwen.com/subject/nepizttx.html