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 |
标准属性
id, class, title, style, dir, lang, xml:lang
事件属性
tabindex, accesskey, onfocus, onblur, onselect, onchange, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
TRY 实例
- 文本域(Text fields)
- 本例演示如何在 HTML 页面创建文本域。用户可以在文本域写入文本。
- 密码域
- 本例演示如何创建 HTML 的密码域。
- 复选框
- 本例演示如何在 HTML 页中创建文本框。用户可以选中或取消选取复选框。
- 单选按钮
- 本例演示如何在 HTML 中创建单选按钮。