: 输入框标签

最后更新:2026-09-12

<input>输入框标签

<input>(输入)元素是 HTML 中最常用的表单控件,用于创建各种类型的输入框。通过 type 属性可以切换文本框、密码框、复选框、单选钮、日期选择器等数十种形态。它是一个空元素,不需要结束标签。

分类表单
内容模型无(空元素)
允许的父元素接受短语内容的元素,通常放在 <form>
闭合标签自闭合 — 无需闭合标签
状态标准

📝 语法

<input type="text" name="字段名" placeholder="提示文字">

⚙️ 属性

该元素支持全局属性及以下专有属性:

属性描述
type关键字输入框的类型,决定控件形态。
  • text — 单行文本框(默认)。
  • password — 密码框,输入内容以掩码显示。
  • checkbox — 复选框,可多选。
  • radio — 单选钮,同 name 一组只能选一个。
  • email — 邮箱输入框,带格式校验。
  • number — 数字输入框,带增减按钮。
  • date — 日期选择器。
  • file — 文件选择。
  • submit — 提交按钮。
  • button — 普通按钮。
  • hidden — 隐藏字段,不显示但随表单提交。
name文本字段名,随表单提交的键名,也是 radio 分组的依据。
value文本输入框的当前值或默认值。
placeholder文本输入框为空时显示的提示文字。
required布尔标记字段为必填,提交时校验。
disabled布尔禁用字段,不可交互也不随表单提交。
readonly布尔只读字段,可显示但不可编辑。
maxlength数字允许输入的最大字符数。
checked布尔复选框/单选钮的默认选中状态。

▶ 示例

编辑下方代码,在 playground 中查看实时效果:

🌐 浏览器支持

浏览器 ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
<input> v1 v12 v1 v1 v1
所有主流浏览器均支持
提示: 始终为 input 设置 name 属性,否则表单提交时该字段的值不会被发送。

📚 相关教程

Web-Tutorial.com

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核,确保内容准确可靠。如发现任何问题,欢迎向我们反馈。

100%

🙏 帮我们做得更好

我们是刚上线的编程教程站,几个人的小团队,精力有限。页面虽经检查,难免还有疏漏——链接失效、排版错乱、内容有误、语言生硬……

如果您发现了,麻烦告诉我们,我们会在收到反馈后第一时间进行修复,再次感谢您的光临 🙏