1.表單簡介

表單對于用戶而言是數據的錄入和提交的界面，對于網站而言是獲取用戶信息的途徑。它可以將用戶輸入的信息提交給網站服務器。

2.主要標簽及用法舉例

2.1表單標記<form>

<form action="url" name="表單名稱" method="post" enctype="application/x-www-form-urlencoded">
.............
</form>

所有的表單元素必須被包含在<form>標簽中才能正常提交。
action屬性表示表單處理程序的地址。
method屬性表示表單數據提交方式，有get與post兩種。
enctype規定在發送表單數據之前如何對其進行編碼。
enctype 屬性可能的值：

• application/x-www-form-urlencoded
• multipart/form-data
• text/plain

2.2插入表單對象<input>

根據不同的 type 屬性值，輸入字段擁有很多種形式。輸入字段可以是文本字段、復選框、掩碼后的文本控件、單選按鈕、按鈕等等。
type屬性：用來指定插入哪種表單元素。
name：表單名稱，用于與頁面中其他表單加以區別。
value：用來定義表單提交的值。

2.2.1文字字段

<input name="表單名稱" type="text" value="文本框內默認值"/>
用于輸入并提交文本。

2.2.2密碼域

<input name="表單名稱" type="password" placeholder="輸入密碼"/>
用于輸入密碼。
placeholder屬性的值作為提示顯示在密碼框中，該值不會被提交。當該表單獲得焦點時提示會消失。

2.2.3單選按鈕

<input name="表單名稱" type="radio" value="按鈕提交的值" checked/>
用于創建單選按鈕，checked表示默認情況下該項選中。同組單選按鈕需保證name的值相同。

2.2.4多選按鈕

<input name="表單名稱" type="checkbox" value="按鈕提交的值" checked/>
用于創建多選按鈕。

2.2.5普通按鈕

<input name="表單名稱" type="button" value="按鈕上顯示的文字" onclick="處理程序"/>
用于創建一個普通按鈕，此處value的值為按鈕上顯示的文字。

2.2.6提交按鈕

<input name="表單名稱" type="submit" value="按鈕上顯示的文字" />
特殊的按鈕，用于實現表單數據的提交。

2.2.7重置按鈕

<input name="表單名稱" type="reset" value="按鈕上顯示的文字" />
用于清除用戶在頁面中輸入的信息。

2.2.8圖像域

<input name="表單名稱" type="image" src="圖像地址"/>
用一幅圖像作為按鈕，可創作任何外觀的按鈕。

2.2.9文件域

<input name="表單名稱" type="file" accept="image/png" />
用于讓用戶上傳文件。accept屬性用來限制可上傳的文件類型。

2.2.10隱藏域

<input name="表單名稱" type="hidden" value="表單提交的值" />
用戶創建一個用戶看不見的隱藏表單。

2.3下拉菜單列表<select>,<option>

<select name="下拉菜單名稱">
<option value="表單提交的值" selected>選項顯示的內容</option>
……
</select>

selected為默認情況下選中的選項。
value是提交上去的值，<option>標簽之間是頁面上顯示的值。

2.4文本域<textarea>

用于輸入多行文本。

<textarea name="文本域名稱">
文本域中顯示的內容
</textarea>

2.5<label>標簽

不會呈現任何效果，當點擊<label>標簽內的文本，瀏覽器就會自動將焦點轉移到和該標簽相關的表單控件上。
<label for="目標表單的id值">文本文本</label>