H5新增的表单
功能

2017-04-26  本文已影响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属性:用于提交表单时取消整个表单的验证,即关闭对表单内所有元素的有效检查。如果只取消表单中较少部分内容的验证而不妨碍提交的大部分内容,则可以将此属性单独用于表单中的这些元素。

上一篇 下一篇

猜你喜欢

热点阅读