HTML 输入属性
学习 value/placeholder/required/readonly/disabled 等 · 难度：进阶 · +15XP
HTML 输入属性
input元素有很多实用属性用于验证和用户体验。
常用属性
| 属性 | 作用 |
|---|---|
placeholder | 提示文字 |
required | 必填 |
readonly | 只读 |
disabled | 禁用 |
min/max | 数值范围 |
minlength/maxlength | 字符长度 |
pattern | 正则验证 |
autocomplete | 自动填充 |
autofocus | 自动聚焦 |
示例
<input type="text" placeholder="用户名" required minlength="3" maxlength="20">
<input type="number" min="1" max="120" value="18">
<input type="tel" pattern="[0-9]{11}" placeholder="手机号">???? 练习
- 创建带验证的注册表单
- 使用pattern验证手机号