HTML5引入了一些新的表单属性,以提供更多控制和功能。以下是一些常见的HTML5表单属性:

1. placeholder 属性:
   - 提供在输入字段中显示灰色占位符文本,以提示用户输入的内容。
   <input type="text" placeholder="请输入用户名" />

2. required 属性:
   - 指定输入字段为必填项。
   <input type="text" required />

3. pattern 属性:
   - 使用正则表达式定义输入字段的合法输入模式。
   <input type="text" pattern="[0-9]{3}" />

4. autofocus 属性:
   - 页面加载时自动将焦点设置到指定的输入字段。
   <input type="text" autofocus />

5. autocomplete 属性:
   - 控制浏览器是否应该为输入字段提供自动完成功能。
   <input type="text" autocomplete="off" />

6. min 和 max 属性:
   - 用于设置输入字段的最小和最大值,适用于 number、range 和 date 等类型的输入。
   <input type="number" min="0" max="100" />

7. step 属性:
   - 规定数字输入字段的合法数字间隔。
   <input type="number" step="5" />

8. multiple 属性:
   - 允许用户选择多个文件(适用于 <input type="file">)。
   <input type="file" multiple />

9. form 属性:
   - 指定表单元素属于哪个表单。
   <input type="text" form="myForm" />

10. novalidate 属性:
    - 禁用表单的默认验证行为。
    <form novalidate>
      <!-- 表单内容 -->
    </form>

这些属性可以让开发者更好地控制表单的行为和样式。请注意,不同浏览器对这些属性的支持可能有所不同,因此在使用时请测试兼容性。


转载请注明出处:http://www.zyzy.cn/article/detail/3677/HTML5