HTML5引入了许多新的表单属性,这些属性增强了表单的交互性和可用性。以下是一些主要的HTML5新表单属性:
- placeholder:这是一个用于在输入字段中显示提示信息的属性。当输入字段为空时,会显示该提示信息,一旦用户开始输入,提示信息就会消失。
例如:<input type="text" name="username" placeholder="请输入用户名">
2. autocomplete:此属性用于控制浏览器是否应自动完成输入字段的值。它可以设置为"on"或"off"。
例如:<input type="text" name="username" autocomplete="on">
3. required:这是一个布尔属性,用于指定输入字段在提交表单前必须填写。
例如:<input type="text" name="username" required>
4. pattern:此属性用于定义正则表达式,输入字段的值必须与该正则表达式匹配。
例如:<input type="text" name="username" pattern="[A-Za-z]{4,10}" title="只能包含4-10个字母">
5. min 和 max:这些属性用于为数字输入类型(如number、range、date、datetime-local、month、time和week)设置最小值和最大值。
例如:<input type="number" name="age" min="18" max="100">
6. step:此属性用于为数字输入类型定义合法的数字间隔。
例如:<input type="number" name="quantity" step="2">
7. multiple:这是一个布尔属性,允许用户在输入字段中选择多个值,如