HTML 表單

2020-03-24 17:33:35

字體：大中小

來源：轉載

供稿：網友

創建文本字段 (Text field)
本例演示如何在 HTML 頁面創建文本域。用戶可以在文本域中寫入文本。

創建密碼字段
本例演示如何創建 HTML 的密碼域。

（在本頁底端可以找到更多實例。）

表單是一個包含表單元素的區域。

表單元素是允許用戶在表單中輸入內容,比如：文本域(textarea)、下拉列表、單選框(radio-buttons)、復選框(checkboxes)等等。

表單使用表單標簽 form 來設置:

HTML 表單 - 輸入元素

多數情況下被用到的表單標簽是輸入標簽（ input ）。

輸入類型是由類型屬性（type）定義的。大多數經常被用到的輸入類型如下：

文本域（Text Fields）

文本域通過 input type="text" 標簽來設定，當用戶要在表單中鍵入字母、數字等內容時，就會用到文本域。

form
First name: input type="text" name="firstname" br
Last name: input type="text" name="lastname"
/form
input type="radio" name="sex" html' target='_blank'>value="male" Male br
input type="radio" name="sex" value="female" Female
/form
復選框（Checkboxes）

input type="checkbox" 定義了復選框. 用戶需要從若干給定的選擇中選取一個或若干選項。

form
input type="checkbox" name="vehicle" value="Bike" I have a bike br
input type="checkbox" name="vehicle" value="Car" I have a car
/form

input type="submit" 定義了提交按鈕.

當用戶單擊確認按鈕時，表單的內容會被傳送到另一個文件。表單的動作屬性定義了目的文件的文件名。由動作屬性定義的這個文件通常會對接收到的輸入數據進行相關的處理。:

form name="input" action="html_form_action.php" method="get"
Username: input type="text" name="user"
input type="submit" value="Submit"
/form
假如您在上面的文本框內鍵入幾個字母，然后點擊確認按鈕，那么輸入數據會傳送到 "html_form_action.php" 的頁面。該頁面將顯示出輸入的結果。