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