最新的Web開發教程
 

HTML <input> Tag


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屬性。


瀏覽器支持

元件
<input>

提示和注意

注: <input>元素是空的,它僅包含屬性。

提示:使用<label>元素來定義標籤<input>元素。


HTML 4.01和HTML5之間的差異

"align"屬性不是HTML5的支持。

在HTML5中, <input>標記有幾個新的屬性和type屬性有幾個新的值。


HTML和XHTML之間的差異

在HTML中<input>標籤沒有結束標籤。

在XHTML中<input>標籤必須正確關閉,這樣<input />


屬性

=新的HTML5。

屬性 描述
accept file_extension
audio/*
video/*
image/*
media_type
指定類型的服務器接受的文件(僅適用於type="file"
align left
right
top
middle
bottom
在HTML5不支持。
指定輸入的圖像的對齊(僅適用於type="image"
alt text 指定圖像的替代文本(僅適用於type="image"
autocomplete on
off
指定是否<input>元素應該啟用自動完成
autofocus autofocus 指定一個<input>元素應該自動獲得焦點的頁面加載時
checked checked 指定一個<input>元素,應預先選定的頁面加載時(對於type="checkbox"type="radio"
dirname inputname.dir 指定文字方向將提交
disabled disabled 指定一個<input>元素應該被禁用
form form_id 指定一個或多個表單<input>元素所屬
formaction URL 指定將處理輸入控件的表單提交時(該文件的URL type="submit"type="image"
formenctype application/x-www-form-urlencoded
multipart/form-data
text/plain
指定表單數據應該如何編碼的將它提交給服務器時(對於type="submit"type="image"
formmethod get
post
定義HTTP方法將數據發送到動作的URL( type="submit"type="image"
formnovalidate formnovalidate 定義時提交的表單元素不應該被驗證
formtarget _blank
_self
_parent
_top
framename
規定在何處顯示被提交表單後收到的響應(對於type="submit"type="image"
height pixels 指定高度<input>元素(僅適用於type="image"
list datalist_id 指的是<datalist>包含預先定義的選項為元素<input>元素
max number
date
指定一個最大值<input>元素
maxlength number 指定允許在一個字符的最大數量<input>元素
min number
date
指定一個最小值<input>元素
multiple multiple 指定用戶可以在輸入多個值<input>元素
name text 指定名稱<input>元素
pattern regexp 正則表達式,一個<input>元素的值與檢驗
placeholder text 指定一個描述的預期值短暗示<input>元素
readonly readonly 該輸入字段是只讀的指定
required required 指定的輸入字段必須提交表單前填寫
size number 指定寬度,以字符的的<input>元素
src URL 指定圖像的URL作為一個提交按鈕使用(僅適用於type="image"
step number 指定合法的數字間隔輸入域
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
指定類型<input>元素顯示
value text 指定的值<input>元素
width pixels 指定的寬度<input>元素(僅適用於type="image"

全局屬性

<input>標籤支持全局的HTML屬性


事件屬性

<input>標籤支持的HTML事件屬性


相關頁面

HTML教程: HTML表單

HTML DOM參考:


默認設置CSS

沒有。