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内容类型指定服务器接受的内容类型列表。使用逗号进行分隔
alignleft
right
top
middle
bottom
已弃用 − 定义内容的对齐方式
alttext这指定了在浏览器/用户代理无法呈现输入控件时使用的文本。
autocomplete HTML5on或者off指定在input输入框是否启用自动完成
autofocus HTML5autofocus指定当页面加载时,input输入框是否自动获得焦点
checkedchecked如果type = "radio" 或者type = "checkbox",那么页面加载时,控件将是选中的
disableddisabled禁用输入控件。该按钮不会接受来自用户的更改。它也不能接收焦点,并将跳过tab键。
formHTML5form_id指定一个或多个表单
formaction HTML5URL指定提交表单时,对输入内容进行处理的文件的URL
formenctypeHTML5application/x-www-form-urlencoded
multipart/form-data
text/plain
指定表单数据在提交给服务器时应该如何编码
formmethod HTML5post
get
定义用于向动作URL发送数据的HTTP方法
formnovalidate HTML5formnovalidate定义提交时不验证表单元素
formtarget HTML5_blank
_self
_parent
_top
指定在提交表单后接收到的响应将在其中显示的目标
height HTML5像素指定控件的高度
list HTML5datalist_id为输入控件指定包含预定义选项的datalist元素
max HTML5autofocus指定最大值。
maxlengthnumber定义文本字段中允许的最大字符数
min HTML5number指定最小值。
multiple HTML5multiple指定用户可以输入多个值
nametext为输入控件分配一个名称。
pattern HTML5regexp指定用于检查输入元素值的正则表达式
placeholder HTML5text指定描述期望值的简短提示。
readonlyreadonly将输入控件设置为只读。它不允许用户更改值。但是,控件可以接收焦点,并在表单中使用tab键进行选择。
required HTML5required指定在提交表单之前必须填写输入字段
sizenumber指定控件的宽度。如果type = "text"或type = "password",则表示字符的宽度。否则就是以像素为单位。
srcURL定义要显示的图像的URL。仅用于type = "image"。
step HTML5number指定输入字段的法定数字间隔
typebutton
checkboxcolor
date
datetime
datetime-local
email
file
hidden
image
month
number
password
radio
range
reset
search
submit
tel
text
time
url
week
指定控件的类型。
valuetext指定控件的初始值。如果type = "checkbox"或type = "radio",则此属性是必须的。
width HTML5像素指定控件的宽度

事件属性

此标签支持HTML事件参考中描述的所有事件属性

浏览器支持

ChromeFirefoxIEOperaSafariAndroid
支持支持支持支持支持支持