说明
HTML <input> 标签在表单中使用来声明输入元素 - 输入元素代表允许用户输入数据的控件。
示例
<!DOCTYPE html>
<html>
<head>
<title>HTML input 标签</title>
</head>
<body>
<form action = "/action" method = "get">
名字:
<input type = "text" name = "name" value = "" maxlength = "100" />
<br />
密码:
<input type = "text" name = "passwd" value = "" maxlength = "100" />
<input type = "submit" value = "提交" />
</form>
</body>
</html>
全局属性
此标签支持以下描述的所有全局属性 - HTML 属性参考
特定属性
HTML <input> 标签还支持以下附加属性 -
属性 | 值 | 描述 |
---|---|---|
accept | content types | 指定服务器接受的以逗号分隔的内容类型列表。 |
align | left right top middle bottom | 已弃用 - 定义内容的对齐方式 |
alt | text | 这指定要使用的文本以防浏览器/用户代理无法呈现输入控件。 |
autocomplete | on off | 指定在 <input> 元素中启用或禁用自动完成 |
autofocus | autofocus | 指定 <input> 元素页面加载时应自动获得焦点 |
checked | checked | 如果 type = "radio" 或 type = "checkbox"当页面加载时它已经被选中。 |
disabled | disabled | 禁用输入控件。该按钮不会接受用户的更改。它也无法接收焦点,并且在 Tab 键切换时会被跳过。 |
form | 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 | 指定提交表单后收到的响应显示的目标 |
height | px | 指定高度 |
list | datalist_id | 指定包含 <input> 元素预定义选项的 <datalist> 元素 |
max | autofocus | 指定最大值。 |
maxlength | number | 定义文本字段中允许的最大字符数 |
min | number | 指定最小值。 |
multiple | multiple | 指定用户可以输入多个值 |
name | text | 为输入控件指定名称。 |
pattern | regexp | 指定检查 <input> 元素值的正则表达式 |
placeholder | text | 指定描述预期值的简短提示。 |
readonly | readonly | 将输入控件设置为只读。它不允许用户更改该值。但是,该控件可以接收焦点,并在通过表单控件进行 Tab 键切换时包含在内。 |
required | required | 指定在提交表单之前必须填写输入字段 |
size | number | 指定控件的宽度。如果 type = "text" 或 type = "password" 则指的是字符宽度。否则以像素为单位。 |
src | URL | 定义要显示的图像的 URL。仅用于 type = "image"。 |
step | number | 指定输入字段的合法数字间隔 |
type | button checkboxcolor date datetime datetime-local file hidden image month number password radio range reset search submit tel text time url week | 指定控件的类型。 |
value | text | 指定控件的初始值。如果 type = "checkbox" 或 type = "radio",则需要此属性。 |
width | px | 指定宽度 |
事件属性
此标签支持以下描述的所有事件属性 - HTML 事件参考
浏览器中描述的所有事件属性支持
Chrome | Firefox | IE | Opera | Safari | Android |
---|---|---|---|---|---|
是 | 是 | 是 | 是 | 是 | 是 |