HTML <input> 標(biāo)簽
實(shí)例
一個(gè)簡(jiǎn)單的 HTML 表單，包含兩個(gè)文本輸入框和一個(gè)提交按鈕：
<form action="form_action.asp" method="get"> First name:<input type="text" name="fname" />Last name:<input type="text" name="lname" /><input type="submit" value="Submit" /></form>
（您可以在頁(yè)面底部找到更多實(shí)例）
瀏覽器支持
| IE | Firefox | Chrome | Safari | Opera |
|---|---|---|---|---|
所有瀏覽器都支持 <input> 標(biāo)簽。
定義和用法
<input> 標(biāo)簽用于搜集用戶信息。
根據(jù)不同的 type 屬性值，輸入字段擁有很多種形式。輸入字段可以是文本字段、復(fù)選框、掩碼后的文本控件、單選按鈕、按鈕等等。
HTML 與 XHTML 之間的差異
在 HTML 中，<input> 標(biāo)簽沒(méi)有結(jié)束標(biāo)簽。
在 XHTML 中，<input> 標(biāo)簽必須被正確地關(guān)閉。
提示和注釋：
提示：請(qǐng)使用 label 元素為某個(gè)表單控件定義標(biāo)簽。
可選的屬性
| 屬性 | 值 | 描述 |
|---|---|---|
| accept | mime_type | 規(guī)定通過(guò)文件上傳來(lái)提交的文件的類型。 |
| align |
|
不贊成使用。規(guī)定圖像輸入的對(duì)齊方式。 |
| alt | text | 定義圖像輸入的替代文本。 |
| checked | checked | 規(guī)定此 input 元素首次加載時(shí)應(yīng)當(dāng)被選中。 |
| disabled | disabled | 當(dāng) input 元素加載時(shí)禁用此元素。 |
| maxlength | number | 規(guī)定輸入字段中的字符的最大長(zhǎng)度。 |
| name | field_name | 定義 input 元素的名稱。 |
| readonly | readonly | 規(guī)定輸入字段為只讀。 |
| size | number_of_char | 定義輸入字段的寬度。 |
| src | URL | 定義以提交按鈕形式顯示的圖像的 URL。 |
| type |
|
規(guī)定 input 元素的類型。 |
| value | value | 規(guī)定 input 元素的值。 |
全局屬性
<input> 標(biāo)簽支持 HTML 中的全局屬性。
事件屬性
<input> 標(biāo)簽支持 HTML 中的事件屬性。
TIY 實(shí)例
- 文本域(Text fields)
- 本例演示如何在 HTML 頁(yè)面創(chuàng)建文本域。用戶可以在文本域?qū)懭胛谋尽?/dd>
- 密碼域
- 本例演示如何創(chuàng)建 HTML 的密碼域。
- 復(fù)選框
- 本例演示如何在 HTML 頁(yè)中創(chuàng)建文本框。用戶可以選中或取消選取復(fù)選框。
- 單選按鈕
- 本例演示如何在 HTML 中創(chuàng)建單選按鈕。
- 簡(jiǎn)單的下拉列表
- 本例演示如何在 HTML 頁(yè)面中創(chuàng)建簡(jiǎn)單的下拉列表框。下拉列表框是一個(gè)可選列表。
- 另一個(gè)下拉列表
- 本例演示如何創(chuàng)建一個(gè)簡(jiǎn)單的帶有預(yù)選值的下拉列表。（譯者注：預(yù)選值指預(yù)先指定的首選項(xiàng)。）
- 文本域(Textarea)
- 本例演示如何創(chuàng)建一個(gè)文本域（多行文本輸入控制）。用戶可以在文本域中寫(xiě)入文本。在文本域中，可寫(xiě)入的字符字?jǐn)?shù)不受限制。
- 創(chuàng)建按鈕
- 本例演示如何創(chuàng)建按鈕。你可以對(duì)按鈕上的文字進(jìn)行自定義。
- 圍繞數(shù)據(jù)的Fieldset
- 本例演示如何在數(shù)據(jù)周圍繪制一個(gè)帶標(biāo)題的框。
- 帶有輸入框和確認(rèn)按鈕的表單
- 本例演示如何向頁(yè)面添加表單。此表單包含兩個(gè)輸入框和一個(gè)確認(rèn)按鈕。
- 帶有復(fù)選框的表單
- 此表單包含兩個(gè)復(fù)選框和一個(gè)確認(rèn)按鈕。
- 帶有單選按鈕的表單
- 此表單包含兩個(gè)單選框和一個(gè)確認(rèn)按鈕。
- 從表單發(fā)送電子郵件
- 此例演示如何從表單發(fā)送電子郵件。