HTML <input> 标签
定义和用法
<input> 标签可定义输入域的开始，在其中用户可输入数据。
对于大量通常的表单控件，可以使用 <input> 标签来进行定义，其中包括文本字段、多选列表、可单击的图像和提交按钮等。
虽然 <input> 标签中有许多属性，但是对每个元素来说，只有 type 属性和 name 属性是必需的（提交或重置按钮只有 type 属性）。
HTML 与 XHTML 之间的差异
在 HTML 中，<input> 标签没有结束标签。
在 XHTML 中，<input> 标签必须被正确地关闭。
提示和注释：
注释：input 元素是空的，它仅包含属性。
提示：请使用 label 元素为某个表单控件定义标签。
必需的属性
| 属性 | 值 | 描述 | DTD |
|---|---|---|---|
| type |
|
指示 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 |
|
定义图像之后的文本的排列。 注释：仅可与 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 |
事件属性
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
- 本例演示如何在数据周围绘制一个带标题的框。
- 带有输入框和确认按钮的表单
- 本例演示如何向页面添加表单。此表单包含两个输入框和一个确认按钮。
- 带有复选框的表单
- 此表单包含两个复选框和一个确认按钮。
- 带有单选按钮的表单
- 此表单包含两个单选框和一个确认按钮。
- 从表单发送电子邮件
- 此例演示如何从表单发送电子邮件。