建站
咨詢
售后
建站咨詢
新聞中心
當(dāng)您想要通過(guò)網(wǎng)頁(yè)來(lái)收集一些用戶的信息（例如用戶名、電話、郵箱地址等）時(shí)，就需要用到 HTML 表單。表單可以接收用戶輸入的信息，然后將其發(fā)送到后端應(yīng)用程序，例如 PHP、Java、Python 等，后端應(yīng)用程序?qū)⒏鶕?jù)定義好的業(yè)務(wù)邏輯對(duì)表單傳遞來(lái)的數(shù)據(jù)進(jìn)行處理。
HTML 表單
表單是一個(gè)包含表單元素的區(qū)域。
表單元素是允許用戶在表單中輸入內(nèi)容,比如：文本域(textarea)、下拉列表、單選框(radio-buttons)、復(fù)選框(checkboxes)等等。 表單使用表單標(biāo)簽
來(lái)設(shè)置:
.
input 元素.
HTML 表單 – 輸入元素
多數(shù)情況下被用到的表單標(biāo)簽是輸入標(biāo)簽（）。
輸入類型是由類型屬性（type）定義的。大多數(shù)經(jīng)常被用到的輸入類型如下：
文本域（Text Fields）
文本域通過(guò)標(biāo)簽來(lái)設(shè)定，當(dāng)用戶要在表單中鍵入字母、數(shù)字等內(nèi)容時(shí)，就會(huì)用到文本域。
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é)果。
標(biāo)題名稱：詳解HTML表單輸入
鏈接URL：http://www.5511xx.com/article/dhpcdhe.html
