HTML <input> 标签

定义和用法

<input> 标签可定义输入域的开始,在其中用户可输入数据。

对于大量通常的表单控件,可以使用 <input> 标签来进行定义,其中包括文本字段、多选列表、可单击的图像和提交按钮等。

虽然 <input> 标签中有许多属性,但是对每个元素来说,只有 type 属性和 name 属性是必需的(提交或重置按钮只有 type 属性)。

HTML 与 XHTML 之间的差异

在 HTML 中,<input> 标签没有结束标签。

在 XHTML 中,<input> 标签必须被正确地关闭。

提示和注释:

注释:input 元素是空的,它仅包含属性。

提示:请使用 label 元素为某个表单控件定义标签。

必需的属性

属性 描述 DTD
type
  • button
  • checkbox
  • file
  • hidden
  • image
  • password
  • radio
  • reset
  • submit
  • text

指示 input 元素的类型。默认值是 "text"。

注释:此属性不是必需的属性,但是我们认为应当包含此属性。如果被忽略,IE 5.5 会显示一个文本域,而 Netscape 4.7 不会。

STF
name field_name

定义用于此 input 元素的唯一名称。

注释:此属性必需与 type="button"、type="checkbox"、type="file"、type="hidden"、type="image"、type="password"、type="text" 以及 type="radio" 一同使用。

STF

可选的属性

DTD 指示此属性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset.

属性 描述 DTD
accept list_of_mime_types 一个逗号分隔的 MIME 类型列表,指示文件传输的 MIME 类型。注释:仅可与 type="file" 配合使用。 STF
align
  • left
  • right
  • top
  • texttop
  • middle
  • absmiddle
  • baseline
  • bottom
  • absbottom

定义图像之后的文本的排列。

注释:仅可与 type="image" 配合使用。

TF
alt text

定义图像的替代文本。

注释:仅可与 type="image" 配合使用。

STF
checked checked

指示此 input 元素首次加载时应当被选中。

注释:请与 type="checkbox" 及 type="radio" 配合使用。

STF
disabled disabled

当 input 元素首次加载时禁用此元素,这样用户就无法在其中写文本,或选定它。

注释:不能与 type="hidden" 一同使用。

STF
maxlength number

定义在某个文本域中所允许的最大字符数。

注释:仅可与 type="text" 配合使用。

STF
readonly readonly

指示此域的值不能被修改。

注释:仅可与 type="text" 配合使用。

STF
size number_of_char

定义 input 元素的尺寸。

注释:不能与 type="hidden" 一同使用。

STF
src URL

定义所显示图像的URL

注释:仅可与 type="image" 一同使用。

STF
value value

对于按钮、重置按钮和确认按钮:定义按钮上的文本。

对于图像按钮:定义传递向某个脚本的此域的符号结果。

对于复选框和单选按钮:定义 input 元素被点击时的结果。

对于隐藏域、密码域以及文本域:定义元素的默认值。

注释:不能与 type="file" 一同使用。

注释:与 type="checkbox" 和 type="radio" 一同使用时,此元素是必需的。

STF

标准属性

id, class, title, style, dir, lang, xml:lang

如需完整的描述,请访问标准属性

事件属性

tabindex, accesskey, onfocus, onblur, onselect, onchange, 
onclick, ondblclick, onmousedown, onmouseup, onmouseover, 
onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

如需完整的描述,请访问事件属性

TIY 实例

文本域(Text fields)
本例演示如何在 HTML 页面创建文本域。用户可以在文本域写入文本。
密码域
本例演示如何创建 HTML 的密码域。
复选框
本例演示如何在 HTML 页中创建文本框。用户可以选中或取消选取复选框。
单选按钮
本例演示如何在 HTML 中创建单选按钮。
简单的下拉列表
本例演示如何在 HTML 页面中创建简单的下拉列表框。下拉列表框是一个可选列表。
另一个下拉列表
本例演示如何创建一个简单的带有预选值的下拉列表。(译者注:预选值指预先指定的首选项。)
文本域(Textarea)
本例演示如何创建一个文本域(多行文本输入控制)。用户可以在文本域中写入文本。在文本域中,可写入的字符字数不受限制。
创建按钮
本例演示如何创建按钮。你可以对按钮上的文字进行自定义。
围绕数据的Fieldset
本例演示如何在数据周围绘制一个带标题的框。
带有输入框和确认按钮的表单
本例演示如何向页面添加表单。此表单包含两个输入框和一个确认按钮。
带有复选框的表单
此表单包含两个复选框和一个确认按钮。
带有单选按钮的表单
此表单包含两个单选框和一个确认按钮。
从表单发送电子邮件
此例演示如何从表单发送电子邮件。