码农教程 - 一技在手,衣食无忧! tools

HTML <input> 标签

❮上一节 完整的 HTML参考 下一节❯

示例

具有三个输入字段的 HTML 表单；两个文本字段和一个提交按钮：

<form action="/action_page.html">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Last name:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="Submit">
</form>
亲自试一试 »

定义和用法

这个<input>标签指定用户可以在其中输入数据的输入字段。

这个<input>元素是最重要的形式元素。

这个<input>元素可以通过多种方式显示，具体取决于类型属性。

不同的输入类型如下：

  • <input type="button">
  • <input type="checkbox">
  • <input type="color">
  • <input type="date">
  • <input type="datetime-local">
  • <input type="email">
  • <input type="file">
  • <input type="hidden">
  • <input type="image">
  • <input type="month">
  • <input type="number">
  • <input type="password">
  • <input type="radio">
  • <input type="range">
  • <input type="reset">
  • <input type="search">
  • <input type="submit">
  • <input type="tel">
  • <input type="text">（默认值）
  • <input type="time">
  • <input type="url">
  • <input type="week">

看着那（这类型属性以查看每种输入类型的示例！

提示和注释

提示：始终使用<标签>标签来定义标签<input type="text">,<input type="checkbox">,<input type="radio">,<input type="file">， 和<input type="password">。

浏览器支持

Element
<input> Yes Yes Yes Yes Yes

属性

Attribute Value Description
accept file_extension
audio/*
video/*
image/*
media_type		 Specifies a filter for what file types the user can pick from the file input dialog box (only for type="file")
alt text Specifies an alternate text for images (only for type="image")
autocomplete on
off		 Specifies whether an <input> element should have autocomplete enabled
autofocus autofocus Specifies that an <input> element should automatically get focus when the page loads
checked checked Specifies that an <input> element should be pre-selected when the page loads (for type="checkbox" or type="radio")
dirname inputname.dir Specifies that the text direction will be submitted
disabled disabled Specifies that an <input> element should be disabled
form form_id Specifies the form the <input> element belongs to
formaction URL Specifies the URL of the file that will process the input control when the form is submitted (for type="submit" and type="image")
formenctype application/x-www-form-urlencoded
multipart/form-data
text/plain		 Specifies how the form-data should be encoded when submitting it to the server (for type="submit" and type="image")
formmethod get
post		 Defines the HTTP method for sending data to the action URL (for type="submit" and type="image")
formnovalidate formnovalidate Defines that form elements should not be validated when submitted
formtarget _blank
_self
_parent
_top
framename		 Specifies where to display the response that is received after submitting the form (for type="submit" and type="image")
height pixels Specifies the height of an <input> element (only for type="image")
list datalist_id Refers to a <datalist> element that contains pre-defined options for an <input> element
max number
date		 Specifies the maximum value for an <input> element
maxlength number Specifies the maximum number of characters allowed in an <input> element
min number
date		 Specifies a minimum value for an <input> element
minlength number Specifies the minimum number of characters required in an <input> element
multiple multiple Specifies that a user can enter more than one value in an <input> element
name text Specifies the name of an <input> element
pattern regexp Specifies a regular expression that an <input> element's value is checked against
placeholder text Specifies a short hint that describes the expected value of an <input> element
popovertarget element_id Specifies which popover element to invoke (only for type="button")
popovertargetaction hide
show
toggle		 Specifies what happens to the popover element when you click the button (only for type="button")
readonly readonly Specifies that an input field is read-only
required required Specifies that an input field must be filled out before submitting the form
size number Specifies the width, in characters, of an <input> element
src URL Specifies the URL of the image to use as a submit button (only for type="image")
step number
any		 Specifies the interval between legal numbers in an input field
type button
checkbox
color
date
datetime-local
email
file
hidden
image
month
number
password
radio
range
reset
search
submit
tel
text
time
url
week 		Specifies the type <input> element to display
value text Specifies the value of an <input> element
 
width pixels Specifies the width of an <input> element (only for type="image")

全局属性

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

事件属性

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

相关页面

HTML 教程：

HTML DOM 参考：

默认 CSS 设置

没有任何。


❮上一节 完整的 HTML参考 下一节❯