HTML <input>标签用于在表单中声明输入元素-一种允许用户输入数据的控件。
<!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>
这将产生以下结果-
此标签支持- HTML 中所述的所有全局属性。
HTML <input>标签还支持以下附加属性-
Attribute | Value | 描述 |
---|---|---|
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 | 禁用输入控件。 |
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 | pixels | 指定高度 |
list | datalist_id | 指定<datalist>元素,该元素包含<input>元素的预定义选项 |
max | autofocus | 指定最大值。 |
maxlength | number | 定义文本字段中允许的最大字符数 |
min | number | 指定最小值。 |
multiple | multiple | 指定用户可以输入多个值 |
name | text | 为输入控件分配一个名称。 |
pattern | regexp | 指定用于检查<input>元素值的正则表达式 |
placeholder | text | 指定描述期望值的简短提示。 |
readonly | readonly | 将输入控件设置为只读。不允许用户更改值。但是,该控件可以获得焦点,并在通过表单控件进行制表时会包括在内。 |
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 | pixels | 指定宽度 |
此标签支持 HTML 中描述的所有事件属性。
Chrome | Firefox | IE | Opera | Safari | Android |
---|---|---|---|---|---|
Yes | Yes | Yes | Yes | Yes | Yes |
祝学习愉快!(内容编辑有误?请选中要编辑内容 -> 右键 -> 修改 -> 提交!)