HTML5 表单 input属性以及验证

　　autofocus属性可以在页面loading完后，自动将光标固定在Input元素上。

　　placeholder属性可以给予用户一个快速提示，它并不会取代标签元素。

　　required是一个布尔型属性，包含此属性的表单元素必须被填写。

　　元素Mete被作用于图形化表示已知范围内的测量标准。

　　元素progress被作用于展示一个任务的完成度，用户的上传或下载。

　　元素datalist和option元素本质上类似，都是实现容器的功能。但现在我们可以为datalist元素指派任意input元素，以显示所需要的选项。

　　output元素表现计算结果。

　　新表单元素及属性的一大优点就是用户输入数据更加便捷，还可以在发送表单前，验证表单内容。可以使用JavaScript来创建这些错误提示。表单验证过程中，元素的内容无效将触发invalid事件。载入页面后，讲生成一个包含所有Input元素的列表。每个元素中都添加了一个事件监听器，用来处理错误。

　　要在输入元素时即时验证有效性，我们需要用到checkValidity函数。html5的oninput时间取代onchange事件。inchange事件仅在区域失去焦点时触发，而oninput则在每次字符改变后被激活。oninput的另一个优势是：你只需要一次性的为整个表单添加时间监听器，而不需要添加到每一个元素中。

　　tabindex属性可以实现用户用tab键从上至下地跳转到下个输入字段。

 　　accesskey属性规定激活（使元素获得焦点）元素的快捷键。

转载于:https://www.cnblogs.com/wlxll/p/5947752.html