: 输入框标签
最后更新:2026-09-12
<input>输入框标签
<input>(输入)元素是 HTML 中最常用的表单控件,用于创建各种类型的输入框。通过 type 属性可以切换文本框、密码框、复选框、单选钮、日期选择器等数十种形态。它是一个空元素,不需要结束标签。
| 分类 | 表单 |
|---|---|
| 内容模型 | 无(空元素) |
| 允许的父元素 | 接受短语内容的元素,通常放在 <form> 内 |
| 闭合标签 | 自闭合 — 无需闭合标签 |
| 状态 | 标准 |
📝 语法
<input type="text" name="字段名" placeholder="提示文字">
⚙️ 属性
该元素支持全局属性及以下专有属性:
| 属性 | 值 | 描述 |
|---|---|---|
type | 关键字 | 输入框的类型,决定控件形态。
|
name | 文本 | 字段名,随表单提交的键名,也是 radio 分组的依据。 |
value | 文本 | 输入框的当前值或默认值。 |
placeholder | 文本 | 输入框为空时显示的提示文字。 |
required | 布尔 | 标记字段为必填,提交时校验。 |
disabled | 布尔 | 禁用字段,不可交互也不随表单提交。 |
readonly | 布尔 | 只读字段,可显示但不可编辑。 |
maxlength | 数字 | 允许输入的最大字符数。 |
checked | 布尔 | 复选框/单选钮的默认选中状态。 |
▶ 示例
编辑下方代码,在 playground 中查看实时效果:
🌐 浏览器支持
| 浏览器 | |||||
|---|---|---|---|---|---|
| <input> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有主流浏览器均支持 | |||||
提示: 始终为 input 设置
name 属性,否则表单提交时该字段的值不会被发送。