• Previous Page
• Next Page

HTML 表單用于搜集不同類型的用戶輸入。

表單

表單是一個(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>

瀏覽器顯示如下：

注意，表單本身并不可見,。同時(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>

瀏覽器顯示如下：

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

復(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>

瀏覽器顯示如下：

表單的動(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>

瀏覽器顯示如下：

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

表單標(biāo)簽