HTML <input> 標簽
定義和用法
<input> 標簽用于搜集用戶信息。
根據不同的 type 屬性值，輸入字段擁有很多種形式。輸入字段可以是文本字段、復選框、掩碼后的文本控件、單選按鈕、按鈕等等。
實例
一個簡單的 HTML 表單，包含兩個文本輸入框和一個提交按鈕：
<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>
（您可以在頁面底部找到更多實例）
HTML 與 XHTML 之間的差異
在 HTML 中，<input> 標簽沒有結束標簽。
在 XHTML 中，<input> 標簽必須被正確地關閉。
提示和注釋：
提示：請使用 label 元素為某個表單控件定義標簽。
瀏覽器支持
所有瀏覽器都支持 <input> 標簽。
可選的屬性
DTD 指示此屬性允許在哪種 DTD 中使用。S=Strict, T=Transitional, F=Frameset.
| 屬性 | 值 | 描述 | DTD |
|---|---|---|---|
| accept | mime_type | 規定通過文件上傳來提交的文件的類型。 | STF |
| align |
| 不贊成使用。規定圖像輸入的對齊方式。 | TF |
| alt | text | 定義圖像輸入的替代文本。 | STF |
| checked | checked | 規定此 input 元素首次加載時應當被選中。 | STF |
| disabled | disabled | 當 input 元素加載時禁用此元素。 | STF |
| maxlength | number | 規定輸入字段中的字符的最大長度。 | STF |
| name | field_name | 定義 input 元素的名稱。 | STF |
| readonly | readonly | 規定輸入字段為只讀。 | STF |
| size | number_of_char | 定義輸入字段的寬度。 | STF |
| src | URL | 定義以提交按鈕形式顯示的圖像的 URL。 | STF |
| type |
| 規定 input 元素的類型。 | STF |
| value | value | 規定 input 元素的值。 | STF |
標準屬性
id, class, title, style, dir, lang, xml:lang
如需完整的描述，請訪問標準屬性。
事件屬性
tabindex, accesskey, onfocus, onblur, onselect, onchange, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
如需完整的描述，請訪問事件屬性。
TIY 實例
- 文本域(Text fields)
- 本例演示如何在 HTML 頁面創建文本域。用戶可以在文本域寫入文本。
- 密碼域
- 本例演示如何創建 HTML 的密碼域。
- 復選框
- 本例演示如何在 HTML 頁中創建文本框。用戶可以選中或取消選取復選框。
- 單選按鈕
- 本例演示如何在 HTML 中創建單選按鈕。
- 簡單的下拉列表
- 本例演示如何在 HTML 頁面中創建簡單的下拉列表框。下拉列表框是一個可選列表。
- 另一個下拉列表
- 本例演示如何創建一個簡單的帶有預選值的下拉列表。（譯者注：預選值指預先指定的首選項。）
- 文本域(Textarea)
- 本例演示如何創建一個文本域（多行文本輸入控制）。用戶可以在文本域中寫入文本。在文本域中，可寫入的字符字數不受限制。
- 創建按鈕
- 本例演示如何創建按鈕。你可以對按鈕上的文字進行自定義。
- 圍繞數據的Fieldset
- 本例演示如何在數據周圍繪制一個帶標題的框。
- 帶有輸入框和確認按鈕的表單
- 本例演示如何向頁面添加表單。此表單包含兩個輸入框和一個確認按鈕。
- 帶有復選框的表單
- 此表單包含兩個復選框和一個確認按鈕。
- 帶有單選按鈕的表單
- 此表單包含兩個單選框和一個確認按鈕。
- 從表單發送電子郵件
- 此例演示如何從表單發送電子郵件。
