例
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 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參考:
- 輸入按鈕對象
- 輸入複選框對象
- 輸入彩色目標
- 輸入Date對象
- 輸入DateTime對象
- 輸入DatetimeLocal對象
- 輸入Email對象
- 輸入FileUpload對象
- 輸入隱藏的對象
- 輸入圖像對象
- 輸入月份對象
- 輸入Number對象
- 輸入密碼對象
- 輸入範圍對象
- 輸入電台對象
- 輸入reset對象
- 輸入搜索對象
- 輸入提交對象
- 輸入文本對象
- 輸入時間對象
- 輸入URL對象
- 輸入週對象
默認設置CSS
沒有。