input 標籤詳解

HTML <input> 元素用於為基於Web的表單建立互動式控制元件，以便接受來自使用者的資料。

在HTML表單中，input標籤是最常用的控制元件標籤，包括最常見的文字域、按鈕都是採用這個i標籤。這個標籤的基本語法是：

<form>
    <input name="控制元件名稱" type="控制元件型別" />
</form>

在HTML，input引數所包含的型別

type取值	含義
text	文字欄位
password	密碼域，使用者在頁面中輸入時不顯示具體的內容，都以“*”代替
radio	單選按鈕
checkbox	核取方塊
button	普通按鈕
submit	提交按鈕
reset	重置按鈕
image	圖形域，也稱為影象提交按鈕
hidden	隱藏域，其並不顯示在頁面上，只將內容傳遞到伺服器中
file	檔案域

文字欄位text

text屬性用來設定在表單的文字域中輸入任何型別的文字、數字或字母。輸入的內容以單行顯示。

語法

<input type="text" name="控制元件名稱" size="控制元件的長度" maxlength="最長字元數" value= "文字欄位的預設取值"/>

密碼域password

在表單中還有一種文字域的形式——密碼域，輸入到該文字域中的文字均以“*“或圓點顯示。

語法

<input type="password" name="控制元件名稱" size="控制元件的長度" maxlength="最長字元數" value="文字欄位的預設取值"/>

單選按鈕radio

單選按鈕能夠進行專案的單項選擇，以一個圓框表示。

語法

<input type="radio" value="單選按鈕的取值" name="單選按鈕名稱" checked="checked"/>

核取方塊checkbox

進行多項選擇時就需要用到核取方塊控制元件checkbox。核取方塊在頁面中以一個方框來表示。

語法

<input type="checkbox" value="核取方塊的值" name="名稱" checked="checked"/>

普通按鈕button

在網頁中按鈕也很常見，在提交頁面、恢復選項時常常需要用到按鈕。普通按鈕一般情況下需要配合指令碼來進行表單處理。

語法

<input type="button" value="按鈕的取值" name="按鈕名" onclick="處理程式"/>

提交按鈕submit

提交按鈕是一種特殊的按鈕，不需要設定onclick引數，在單擊該型別按鈕時可以實現表單內容的提交。

語法

<input type="submit" name="按鈕名" value="按鈕的取值"/>

重置按鈕reset

單擊重置按鈕後，可以清除表單的內容，恢復預設的表單內容設定。

語法

<input type="reset" name="按鈕名" value="按鈕的取值"/>

影象域image

影象域是指可以用在提交按鈕位置上的圖片，這幅圖片具有按鈕的功能。

語法

<input type="image" src="影象地址" name="影象域名稱"/>

隱藏域hidden

表單中的隱藏域主要用來傳遞一些引數，而這些引數不需要在頁面中顯示。當使用者提交表單時，隱藏域的內容會一起提交給處理程式。

語法

<input type="hidden" name="隱藏域名稱" value="提交的值"/>

檔案域file

檔案域在上傳檔案時常常用到，它用於查詢硬碟中的檔案路徑，然後通過表單將選中的檔案上傳。在傳送電子郵件、上傳頭像，傳送檔案時常常會看到這一控制元件。

語法

<input type="file" name="檔案域的名稱"/>

(完)