新增的表单属性
autocomplete:用于指定是否启用自动完成功能。自动完成功能可以在用户输入时提供之前输入过的内容作为建议。可以将此属性设置为on(启用)或off(禁用)。
autofocus:指定页面加载时是否自动将焦点设置到该元素上。如果设置了此属性,则当页面加载时,该元素会自动获得焦点。
form:允许将表单元素放置在form标签之外,但仍能将其数据提交到指定的表单。只需在元素中加入form="form_id"属性,其中form_id是目标表单的id属性值。
formaction、formenctype、formmethod、formnovalidate、formtarget:这些属性是input元素的form属性的重写版本。它们允许为特定类型的输入元素(如提交按钮)指定不同的表单提交行为。
height和width:用于设置图像输入元素(如type="image"的input元素)的高度和宽度。
list:与datalist元素配合使用,指定input元素的可选择项。
min、max和step:这些属性与number和range类型的input元素配合使用,用于设置输入值的范围以及步长。
multiple:允许用户选择多个文件或选项。对于file类型的input元素,此属性允许用户选择多个文件进行上传;对于其他类型的input元素(如checkbox),此属性允许用户选择多个选项。
pattern:使用正则表达式指定输入值的模式。如果输入值不符合指定的模式,则验证将失败。
placeholder:提供在输入框为空时显示的占位符文本。这有助于向用户指示应在此输入框中输入什么类型的信息。
required:指定输入字段在提交表单之前必须填写。如果尝试提交包含未填写必填字段的表单,则浏览器将阻止表单提交并显示错误消息。
总的来说,HTML5新增的表单元素和属性极大地丰富了表单的功能和用户体验。它们提供了更直观、更灵活的表单交互方式,并有助于确保用户输入的数据的准确性和有效性。