表單

表單是一個(gè)包含表單元素的區(qū)域。

表單元素是允許用戶在表單中（比如：文本域、下拉列表、單選框、復(fù)選框等等）輸入信息的元素。

表單使用表單標(biāo)簽（<form>）定義。

<form>
...
  input 元素
...
</form>

輸入

多數(shù)情況下被用到的表單標(biāo)簽是輸入標(biāo)簽（<input>）。輸入類型是由類型屬性（type）定義的。大多數(shù)經(jīng)常被用到的輸入類型如下：

文本域（Text Fields）

當(dāng)用戶要在表單中鍵入字母、數(shù)字等內(nèi)容時(shí)，就會(huì)用到文本域。

<form>
First name: 
<input type="text" name="firstname" />
<br />
Last name: 
<input type="text" name="lastname" />
</form>

瀏覽器顯示如下：

First name:
Last name:

注意，表單本身并不可見。同時(shí)，在大多數(shù)瀏覽器中，文本域的缺省寬度是20個(gè)字符。

單選按鈕（Radio Buttons）

當(dāng)用戶從若干給定的的選擇中選取其一時(shí)，就會(huì)用到單選框。

<form>
<input type="radio" name="sex" value="male" /> Male
<br />
<input type="radio" name="sex" value="female" /> Female
</form>

瀏覽器顯示如下：

Male
Female

注意，只能從中選取其一。

復(fù)選框（Checkboxes）

當(dāng)用戶需要從若干給定的選擇中選取一個(gè)或若干選項(xiàng)時(shí)，就會(huì)用到復(fù)選框。

<form>
<input type="checkbox" name="bike" />
I have a bike
<br />
<input type="checkbox" name="car" />
I have a car
</form>

瀏覽器顯示如下：

I have a bike
I have a car

表單的動(dòng)作屬性（Action）和確認(rèn)按鈕

當(dāng)用戶單擊確認(rèn)按鈕時(shí)，表單的內(nèi)容會(huì)被傳送到另一個(gè)文件。表單的動(dòng)作屬性定義了目的文件的文件名。由動(dòng)作屬性定義的這個(gè)文件通常會(huì)對(duì)接收到的輸入數(shù)據(jù)進(jìn)行相關(guān)的處理。

<form name="input" action="html_form_action.asp" method="get">
Username: 
<input type="text" name="user" />
<input type="submit" value="Submit" />
</form>

瀏覽器顯示如下：

Username:

假如您在上面的文本框內(nèi)鍵入幾個(gè)字母，然后點(diǎn)擊確認(rèn)按鈕，那么輸入數(shù)據(jù)會(huì)傳送到 "html_form_action.asp" 的頁面。該頁面將顯示出輸入的結(jié)果。

表單標(biāo)簽

標(biāo)簽	描述
<form>	定義供用戶輸入的表單
<input>	定義輸入域
<textarea>	定義文本域 (一個(gè)多行的輸入控件)
<label>	定義一個(gè)控制的標(biāo)簽
<fieldset>	定義域
<legend>	定義域的標(biāo)題
<select>	定義一個(gè)選擇列表
<optgroup>	定義選項(xiàng)組
<option>	定義下拉列表中的選項(xiàng)
<button>	定義一個(gè)按鈕
<isindex>	已廢棄。由 <input> 代替。