HTML 标签参考

说明

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> 标签还支持以下附加属性 -

属性描述
acceptcontent types 指定服务器接受的以逗号分隔的内容类型列表。
align left
right
top
middle
bottom
已弃用 - 定义内容的对齐方式
alttext这指定要使用的文本以防浏览器/用户代理无法呈现输入控件。
autocomplete html-5on
off
指定在 <input> 元素中启用或禁用自动完成
autofocus html-5autofocus指定 <input> 元素页面加载时应自动获得焦点
checkedchecked如果 type = "radio" 或 type = "checkbox"当页面加载时它已经被选中。
disableddisabled禁用输入控件。该按钮不会接受用户的更改。它也无法接收焦点,并且在 Tab 键切换时会被跳过。
formhtml -5form_id指定一个或多个表单
formaction html-5URL指定提交表单时将处理输入控件的文件的 URL
formenctypehtml-5

application/x-www-form-urlencoded

multipart/form-data

text/plain

指定表单如何数据在提交到服务时应进行编码
formmethod html-5 post
get
定义将数据发送到操作 URL 的 HTTP 方法
formnovalidate html-5formnovalidate定义不应验证表单元素提交时
formtarget html-5_blank
_self
_parent
_top
指定提交表单后收到的响应显示的目标
heighthtml-5px指定高度
list html-5datalist_id指定包含 <input> 元素预定义选项的 <datalist> 元素
max html-5autofocus指定最大值。
maxlengthnumber定义文本字段中允许的最大字符数
min html-5number指定最小值。
multiplehtml-5multiple指定用户可以输入多个值
nametext为输入控件指定名称。
patternhtml-5regexp指定检查 <input> 元素值的正则表达式
placeholder html-5text指定描述预期值的简短提示。
readonlyreadonly将输入控件设置为只读。它不允许用户更改该值。但是,该控件可以接收焦点,并在通过表单控件进行 Tab 键切换时包含在内。
requiredhtml-5required指定在提交表单之前必须填写输入字段
sizenumber指定控件的宽度。如果 type = "text" 或 type = "password" 则指的是字符宽度。否则以像素为单位。
srcURL定义要显示的图像的 URL。仅用于 type = "image"。
step html-5number指定输入字段的合法数字间隔
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 html-5px指定宽度

事件属性

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

浏览器中描述的所有事件属性支持

ChromeFirefoxIEOperaSafariAndroid