<input>
优质
小牛编辑
119浏览
2023-12-01
描述 (Description)
HTML 《input》标签在表单中用于声明输入元素 - 一种允许用户输入数据的控件。
例子 (Example)
<!DOCTYPE html>
<html>
<head>
<title>HTML input Tag</title>
</head>
<body>
<form action = "/cgi-bin/hello_get.cgi" method = "get">
First name:
<input type = "text" name = "first_name" value = "" maxlength = "100" />
<br />
Last name:
<input type = "text" name = "last_name" value = "" maxlength = "100" />
<input type = "submit" value = "Submit" />
</form>
</body>
</html>
全局属性 (Global Attributes)
此标记支持 - HTML Attribute Reference描述的所有全局属性
具体属性 (Specific Attributes)
HTML 《input》标记还支持以下附加属性 -
属性 | 值 | 描述 |
---|---|---|
accept | 内容类型 | 指定服务器接受的以逗号分隔的内容类型列表。 |
align | left right top middle bottom | Deprecated - 定义内容的对齐方式 |
alt | text | 这指定了在浏览器/用户代理无法呈现输入控件的情况下使用的文本。 |
自动完成 | onoff | 指定在《input》元素中启用或禁用自动完成功能 |
自动对焦 | autofocus | 在页面加载时,《input》元素应自动获得焦点 |
checked | checked | 如果type =“radio”或type =“checkbox”,则在页面加载时已经选择了它。 |
disabled | disabled | 禁用输入控件。 该按钮不接受用户的更改。 它也无法获得焦点,并且在标签时会被跳过。 |
形成 | form_id | 指定一个或多个表单 |
formaction | URL | 指定在提交表单时将处理输入控件的文件的URL |
formenctype | application/x-www-form-urlencoded multipart/form-data text/plain | 指定在将表单数据提交给服务时应如何编码表单数据 |
formmethod | post get | 定义用于将数据发送到操作URL的HTTP方法 |
formnovalidate | formnovalidate | 定义在提交时不应验证表单元素 |
formtarget | _blank _self _parent _top | 指定在提交表单后将显示响应的目标 |
高度 | pixels | 指定高度 |
名单 | datalist_id | 指定包含《input》元素的预定义选项的元素 |
最大 | autofocus | 指定最大值。 |
maxlength | number | 定义文本字段中允许的最大字符数 |
分 | number | 指定最小值。 |
多 | multiple | 指定用户可以输入多个值 |
name | text | 为输入控件指定名称。 |
图案 | regexp | 指定一个正则表达式,检查《input》元素的值 |
占位符 | text | 指定描述预期值的简短提示。 |
readonly | readonly | 将输入控件设置为只读。 它不允许用户更改值。 但是,控件可以获得焦点,并在通过表单控件进行选项卡时包含。 |
需要 | required | 指定在提交表单之前必须填写输入字段 |
size | number | 指定控件的宽度。 如果type =“text”或type =“password”,则表示以字符为单位的宽度。 否则就是像素。 |
src | URL | 定义要显示的图像的URL。 仅用于type =“image”。 |
步 | number | 指定输入字段的合法编号间隔 |
type | 按钮checkboxcolor日期datetime datetime-本地电子邮件文件隐藏图像月号密码无线电范围重置搜索提交电子文本时间网址周 | 指定控件的类型。 |
value | text | 指定control的初始值。如果type =“checkbox”或type =“radio”,则此属性是必需的。 |
宽度 | pixels | 指定宽度 |
事件属性 (Event Attributes)
此标记支持HTML Events Reference中描述的所有事件属性
浏览器支持 (Browser Support)
Chrome | Firefox | IE | Opera | Safari | Android |
---|---|---|---|---|---|
Yes | Yes | Yes | Yes | Yes | Yes |