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