新聞中心
當您想要通過網(wǎng)頁來收集一些用戶的信息(例如用戶名、電話、郵箱地址等)時,就需要用到 HTML 表單。表單可以接收用戶輸入的信息,然后將其發(fā)送到后端應(yīng)用程序,例如 PHP、Java、Python 等,后端應(yīng)用程序?qū)⒏鶕?jù)定義好的業(yè)務(wù)邏輯對表單傳遞來的數(shù)據(jù)進行處理。

HTML 表單
表單是一個包含表單元素的區(qū)域。
表單元素是允許用戶在表單中輸入內(nèi)容,比如:文本域(textarea)、下拉列表、單選框(radio-buttons)、復選框(checkboxes)等等。 表單使用表單標簽
來設(shè)置:
.
input 元素.
HTML 表單 – 輸入元素
多數(shù)情況下被用到的表單標簽是輸入標簽()。
輸入類型是由類型屬性(type)定義的。大多數(shù)經(jīng)常被用到的輸入類型如下:
文本域(Text Fields)
文本域通過標簽來設(shè)定,當用戶要在表單中鍵入字母、數(shù)字等內(nèi)容時,就會用到文本域。
First name:
type=
"text" name=
"firstname">
Last name:
type=
"text" name=
"lastname">
瀏覽器顯示如下:
First name: Last name:
注意:表單本身并不可見。同時,在大多數(shù)瀏覽器中,文本域的默認寬度是 20 個字符。
密碼字段
密碼字段通過標簽 來定義:
Password:
type=
"password" name=
"pwd">
瀏覽器顯示效果如下:
Password:
單選按鈕(Radio Buttons)
標簽定義了表單單選框選項
type=
"radio" name=
"sex" value=
"male">Male
type=
"radio" name=
"sex" value=
"female">Female
瀏覽器顯示效果如下:
Male Female
復選框(Checkboxes)
定義了復選框. 用戶需要從若干給定的選擇中選取一個或若干選項。
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)
定義了提交按鈕.
當用戶單擊確認按鈕時,表單的內(nèi)容會被傳送到另一個文件。表單的動作屬性定義了目的文件的文件名。由動作屬性定義的這個文件通常會對接收到的輸入數(shù)據(jù)進行相關(guān)的處理:
"input" action=
"html_form_action.php" method=
"get"> Username:
type=
"text" name=
"user">
type=
"submit" value=
"Submit">
瀏覽器顯示效果如下:
Username:
假如您在上面的文本框內(nèi)鍵入幾個字母,然后點擊確認按鈕,那么輸入數(shù)據(jù)會傳送到 “html_form_action.php” 的頁面。該頁面將顯示出輸入的結(jié)果。
網(wǎng)頁題目:詳解HTML表單輸入
網(wǎng)頁鏈接:http://m.5511xx.com/article/dhpcdhe.html


咨詢
建站咨詢
