HTML <input> 标签
定义和用法
<input> 标签用于搜集用户信息。
根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。
实例
一个简单的 HTML 表单，包含两个文本输入框和一个提交按钮：
<form action="form_action.asp" method="get"> First name:<input type="text" name="fname" />Last name:<input type="text" name="lname" /><input type="submit" value="Submit" /></form>
（您可以在页面底部找到更多实例）
HTML 与 XHTML 之间的差异
在 HTML 中，<input> 标签没有结束标签。
在 XHTML 中，<input> 标签必须被正确地关闭。
提示和注释：
提示：请使用 label 元素为某个表单控件定义标签。
浏览器支持
所有浏览器都支持 <input> 标签。
可选的属性
DTD 指示此属性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset.
| 属性 | 值 | 描述 | DTD |
|---|---|---|---|
| accept | mime_type | 规定通过文件上传来提交的文件的类型。 | STF |
| align |
|
不赞成使用。规定图像输入的对齐方式。 | TF |
| alt | text | 定义图像输入的替代文本。 | STF |
| checked | checked | 规定此 input 元素首次加载时应当被选中。 | STF |
| disabled | disabled | 当 input 元素加载时禁用此元素。 | STF |
| maxlength | number | 规定输入字段中的字符的最大长度。 | STF |
| name | field_name | 定义 input 元素的名称。 | STF |
| readonly | readonly | 规定输入字段为只读。 | STF |
| size | number_of_char | 定义输入字段的宽度。 | STF |
| src | URL | 定义以提交按钮形式显示的图像的 URL。 | STF |
| type |
|
规定 input 元素的类型。 | STF |
| value | value | 规定 input 元素的值。 | 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
- 本例演示如何在数据周围绘制一个带标题的框。
- 带有输入框和确认按钮的表单
- 本例演示如何向页面添加表单。此表单包含两个输入框和一个确认按钮。
- 带有复选框的表单
- 此表单包含两个复选框和一个确认按钮。
- 带有单选按钮的表单
- 此表单包含两个单选框和一个确认按钮。
- 从表单发送电子邮件
- 此例演示如何从表单发送电子邮件。