当前位置:首页>HTML>HTML标签>HTML <input> 标签

HTML <input> 标签

作者:微学网发布时间:2019-08-30 19:44:57

示例

带有三个输入字段的HTML表单; 两个文本字段和一个提交按钮:

<form action="demo_form.asp">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <input type="submit" value="Submit">
</form>

定义和用法

<input>标签指定用户可以输入数据的输入字段。

<input>元素在<form>元素中用于声明允许用户输入数据的输入控件。

输入字段可以以多种方式变化,具体取决于type属性。

浏览器支持

Chrome Firefox IE Safari Opera
Google Chrome Firefox Internet Explorer Safari Opera

提示和注意事项

注意: <input>元素为空,它仅包含属性。

提示:使用<label>元素定义<input>元素的标签。

HTML 4.01和HTML5之间的差异

HTML5中不支持“align”属性。

在HTML5中,<input>标签有几个新属性,type属性有几个新值。

HTML和XHTML之间的差异

在HTML中,<input>标签没有结束标签。

在XHTML中,<input>标签必须正确关闭,如此<input />

属性

html5= HTML5中的新功能。

属性 描述
accept audio/ video/ image/* MIME_type 规定通过文件上传来提交的文件的类型。 (只针对type=”file”)
align left
right
top
middle
bottom
HTML5已废弃,不赞成使用。规定图像输入的对齐方式。 (只针对type=”image”)
alt text 定义图像输入的替代文本。 (只针对type=”image”)
autocompletehtml5 on
off
autocomplete 属性规定 <input> 元素输入字段是否应该启用自动完成功能。
autofocushtml5 autofocus 属性规定当页面加载时 <input> 元素应该自动获得焦点。
checked checked checked 属性规定在页面加载时应该被预先选定的 <input> 元素。 (只针对 type=”checkbox” 或者 type=”radio”)
disabled disabled disabled 属性规定应该禁用的 <input> 元素。
formhtml5 form_id form 属性规定 <input> 元素所属的一个或多个表单。
formactionhtml5 URL 属性规定当表单提交时处理输入控件的文件的 URL。(只针对 type=”submit” 和 type=”image”)
formenctypehtml5 application/x-www-form-urlencoded multipart/form-data text/plain 属性规定当表单数据提交到服务器时如何编码(只适合 type=”submit” 和 type=”image”)。
formmethodhtml5 get post 定义发送表单数据到 action URL 的 HTTP 方法。 (只适合 type=”submit” 和 type=”image”)
formnovalidate formnovalidate formnovalidate 属性覆盖 <form> 元素的 novalidate 属性。
formtargethtml5 _blank
_self
_parent
_top
framename
规定表示提交表单后在哪里显示接收到响应的名称或关键词。(只适合 type=”submit” 和 type=”image”)
heighthtml5 pixels 规定 <input>元素的高度。(只针对type=”image”)
listhtml5 datalist_id 属性引用 <datalist> 元素,其中包含 <input> 元素的预定义选项。
maxhtml5 number date 属性规定 <input> 元素的最大值。
maxlength number 属性规定 <input> 元素中允许的最大字符数。
minhtml5 number date 属性规定 <input>元素的最小值。
multiplehtml5 multiple 属性规定允许用户输入到 <input> 元素的多个值。
name text name 属性规定 <input> 元素的名称。
patternhtml5 regexp pattern 属性规定用于验证 <input> 元素的值的正则表达式。
placeholderhtml5 text placeholder 属性规定可描述输入 <input> 字段预期值的简短的提示信息 。
readonly readonly readonly 属性规定输入字段是只读的。
requiredhtml5 required 属性规定必需在提交表单之前填写输入字段。
size number size 属性规定以字符数计的 <input> 元素的可见宽度。
src URL src 属性规定显示为提交按钮的图像的 URL。 (只针对 type=”image”)
stephtml5 number step 属性规定 <input> 元素的合法数字间隔。
type button
checkbox
color
date
datetime
datetime-local
email
file
hidden
image
month
number
password
radio
range
reset
search
submit
tel
text
time
url
week
type 属性规定要显示的 <input> 元素的类型。
value text 指定 <input> 元素 value 的值。
width html5 pixels width 属性规定 <input> 元素的宽度。 (只针对type=”image”)

全局属性

<input>标签还支持HTML中的全局属性。

事件属性

<input>标签还支持HTML中的事件属性。

相关页面

HTML教程:HTML表单

HTML DOM参考:

  • 输入按钮对象
  • 输入复选框对象
  • 输入颜色对象
  • 输入日期对象
  • 输入日期时间对象
  • 输入DatetimeLocal对象
  • 输入邮件对象
  • 输入FileUpload对象
  • 输入隐藏对象
  • 输入图像对象
  • 输入月对象
  • 输入数字对象
  • 输入密码对象
  • 输入范围对象
  • 输入无线电对象
  • 输入重置对象
  • 输入搜索对象
  • 输入提交对象
  • 输入文本对象
  • 输入时间对象
  • 输入URL对象
  • 输入周对象

默认CSS设置

没有。