HTML表單輸入方法實(shí)例分析

HTML 表單

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

表單元素是允許用戶在表單中輸入內(nèi)容,比如：文本域(textarea)、下拉列表、單選框(radio-buttons)、復(fù)選框(checkboxes)等等。 表單使用表單標(biāo)簽

.
input 元素.

First name:type="text" name="firstname">
Last name:type="text" name="lastname">

瀏覽器顯示如下：

First name: Last name:

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

密碼字段

密碼字段通過(guò)標(biāo)簽來(lái)定義:

Password:type="password" name="pwd">

瀏覽器顯示效果如下:

Password:

單選按鈕（Radio Buttons）

標(biāo)簽定義了表單單選框選項(xiàng)

type="radio" name="sex" value="male">Male
type="radio" name="sex" value="female">Female

瀏覽器顯示效果如下:

Male Female

復(fù)選框（Checkboxes）

定義了復(fù)選框. 用戶需要從若干給定的選擇中選取一個(gè)或若干選項(xiàng)。

type="checkbox" name="vehicle" value="Bike">I have a bike
type="checkbox" name="vehicle" value="Car">I have a car

瀏覽器顯示效果如下:

I have a bike I have a car

提交按鈕(Submit Button)

定義了提交按鈕.

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

"input" action="html_form_action.php" method="get">
Username:type="text" name="user">type="submit" value="Submit">

瀏覽器顯示效果如下:

Username:

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