HTML <input>标签
时间：2019-06-08 23:19:35 来源:igfitidea点击:
说明
HTML<input>标签用于在表单中声明一个输入元素(一个允许用户输入数据的控件)。
示例
<form action = "../src/server.php" method = "get">
用户名：
<input type = "text" name = "username" value = "" maxlength = "10">
<br>
密码：
<input type = "password" name = "password" value = "" maxlength = "20">
<input type = "submit" value = "提交">
</form>
全局属性
此标签支持HTML属性参考中描述的所有全局属性
特定属性
HTML<input>标签还支持以下添加属性：
| 属性 | 值 | 说明 |
|---|---|---|
| accept | 内容类型 | 指定服务器接受的内容类型列表。使用逗号进行分隔 |
| 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 | 像素 | 指定控件的高度 |
| list | datalist_id | 为输入控件指定包含预定义选项的datalist元素 |
| max | autofocus | 指定最大值。 |
| maxlength | number | 定义文本字段中允许的最大字符数 |
| min | number | 指定最小值。 |
| multiple | multiple | 指定用户可以输入多个值 |
| name | text | 为输入控件分配一个名称。 |
| pattern | regexp | 指定用于检查输入元素值的正则表达式 |
| 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 | 像素 | 指定控件的宽度 |
事件属性
此标签支持HTML事件参考中描述的所有事件属性
浏览器支持
| Chrome | Firefox | IE | Opera | Safari | Android |
|---|---|---|---|---|---|
| 支持 | 支持 | 支持 | 支持 | 支持 | 支持 |
