正在加载...

HTML input 属性

除 type 外，input 还有描述规则与提示的属性：required、placeholder、范围等。

直接回答

常用：name、id、value、placeholder、required、min、max、step、maxlength、pattern、disabled、readonly。引导用户并做基础浏览器校验——重要数据仍要在服务器验证。

📊 常用 input 属性

Attribute Role
placeholder Hint text inside an empty field
required Field must be filled before submit
min / max / step Limits for number/date-like types
maxlength Max characters for text-like types
pattern Regex-like allowed pattern
disabled Control not usable / not submitted
readonly Visible but not editable

Attributes on inputs

html
HTML Code 
<label for="age">Age</label>
<input id="age" name="age" type="number" min="1" max="120" required>

<label for="code">Code</label>
<input id="code" name="code" type="text" maxlength="6" placeholder="ABC123" pattern="[A-Za-z0-9]{6}">

试一试

  1. email 设 required 和 placeholder
  2. number 设 min/max
  3. 空提交看浏览器提示
  4. 短代码设 maxlength

常见错误

  • 只靠浏览器校验
  • 需提交的字段用 disabled
  • pattern 过复杂

小结

  • 属性细化 input 行为
  • required、范围、maxlength 常用
  • placeholder 是提示不是 label
  • 可见字段都要 label

🧠 测试您的知识

准备开始

测试您的知识

通过这个互动测验挑战自己，看看你对这个主题的理解程度如何

❓
5
问题
🎯
70%
及格要求
♾️
∞
时间
🔄
∞
尝试次数

📝 说明

  • 仔细阅读每个问题
  • 为每个问题选择最佳答案
  • 您可以随时重新参加测验
  • 您的进度将显示在顶部
主题 1 的 1
Html 教程