HTML <input>标签

示例

一个具有两个文本输入框和一个提交按钮的HTML表单:

试一个 »
（本页底部提供了更多示例）

<input>标签用于向用户收集信息。

通过为<input>标签指定不同的type属性，可创建多种不同的输入控件，如文本输入框、复选框、密码框、单选按钮和按钮等。

所有主流浏览器均支持<input>标签。

在HTML中，<input>元素不需要结束标签。

但XHTML中，<input>元素必须像这样正确关闭：<input />。

提示：请使用<label>为输入控件定义文本标签（label）。

DTD栏表明哪种文档类型支持此属性。S=Strict，T=Transitional，F=Frameset。

属性	值	描述	DTD
accept	MIME类型	指出服务器接受上传的文件类型（仅针对type="file"）	STF
align	left right top middle bottom	被弃用的。请采用样式作为替代。为图像按钮设置图像的对齐方式（仅针对type="image"）	TF
alt	文本	为图像按钮设置备选文本（仅针对type="image"）	STF
checked	checked	指出在加载页面时是否将给定复选框或单选按钮置为选中状态（仅针对type="checkbox"或type="radio"）	STF
disabled	disabled	指出在加载页面时是否将给定输入控件设为禁用	STF
maxlength	数字	为文本输入框或密码框指定最大允许字符长度（仅针对type="text"或type="password"）	STF
name	名称	为输入控件指定名称	STF
readonly	readonly	设置输入控件为只读（仅针对type="text"或type="password"）	STF
size	数字	设定输入框宽度	STF
src	URL	指定将作为提交按钮的图片的源地址	STF
type	button checkbox file hidden image password radio reset submit text	指定输入控件的类型	STF
value	value	指定输入控件的值	STF

<input>标签支持以下核心属性:

更多关于核心属性的信息。

<input>标签支持以下事件属性：

属性	值	描述	DTD
onblur	脚本	当元素失去焦点时执行脚本	STF
onchange	脚本	当元素值（即元素的value属性值）发生改变时执行脚本	STF
onclick	脚本	在元素区域内单击鼠标（不区分左右键）时执行脚本	STF
ondblclick	脚本	在元素区域内双击鼠标（不区分左右键）时执行脚本	STF
onfocus	脚本	当元素取得焦点时执行脚本	STF
onmousedown	脚本	在元素区域内按下鼠标键（不区分左右键）时执行脚本	STF
onmousemove	脚本	当鼠标指针在元素区域内移动时执行脚本	STF
onmouseout	脚本	当鼠标指针移出元素区域时执行脚本	STF
onmouseover	脚本	当鼠标指针移入元素区域时执行脚本	STF
onmouseup	脚本	在元素区域内松开鼠标键（不区分左右键）时执行脚本	STF
onkeydown	脚本	按下一个键时执行脚本	STF
onkeypress	脚本	按下并松开一个键时执行脚本	STF
onkeyup	脚本	松开一个键时执行脚本	STF
onselect	脚本	当用户在文本框或多行文本框中选择文本时执行脚本	STF

更多关于事件属性的信息。

密码框
本例演示了如何定义密码框。

创建按钮
本例演示了如何定义一个按钮。

带有复选框的表单
本例演示了如何创建一个包含两个复选框和一个提交按钮的表单。

带有单选按钮的表单
本例演示了如何创建一个包含两个单选按钮和一个提交按钮的表单。