HTML <input>标签

示例

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

<form action="form_action.php" method="get">
  名:<input type="text" name="fname" /><br />
  姓:<input type="text" name="lname" /><br />
  <input type="submit" value="提交" />
</form>

试一个 »
(本页底部提供了更多示例)

定义及用法

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

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


浏览器支持

Internet Explorer Firefox Opera Google Chrome Safari

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


HTML和XHTML之间的差异

在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>标签支持以下核心属性:

属性 描述 DTD
accesskey 字符 设置访问元素的键盘快捷键 STF
class 类名 指明元素的类名 STF
dir rtl
ltr
指定元素里内容的文本方向 STF
id id 指明元素的唯一id STF
lang 语言代码 指定元素内容的语言代码 STF
style 样式定义 指定元素的内嵌样式 STF
tabindex 数字 指定元素的Tab键顺序 STF
title 文本 指定元素的提示文本 STF
xml:lang 语言代码 在XHTML文档中指定元素内容的语言代码 STF

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


事件属性

<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

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


示例

试一个——示例

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

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

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

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

粤ICP备11097351号-1