html表單有哪些標記

html表單標記：「

」、「」、「」、「<label>」、「<fieldset>」、「<legend> 」、「<select>」、「<option>」、「<button>」、「<output>」等。 </output></button> </option></select> </legend> </fieldset></label>

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

HTML 表單用於收集不同類型的使用者輸入。表單元素指的是不同類型的 input 元素、複選框、單選按鈕、提交按鈕等等。

html表單的標記：

##定義輸入網域定義文字域(一個多行的輸入控制項)#定義了 元素的標籤，一般為輸入標題定義了一組相關的表單元素，並使用外框包含起來定義了 

元素的標題

定義了下拉選項清單#定義選項組定義下拉清單中的選項定義一個點擊按鈕##指定一個預先定義的輸入控制項選項清單#定義了表單的金鑰對產生器欄位

#定義一個計算結果

#標記	描述
	定義使用者輸入的表單
#

####

擴充資料： 元素

 元素是最重要的表單元素。

元素有許多形態，根據不同的 type 屬性。

1、文字域（Text Fields）

文字域透過 標籤來設定，當使用者要在表單中鍵入字母、數字等內容時，就會用到文字域。

<form>
First name: <input type="text" name="firstname"><br>
Last name: <input type="text" name="lastname">
</form>

瀏覽器顯示如下：

注意:表單本身不可見。同時，在大多數瀏覽器中，文字域的預設寬度是 20 個字元。

2、密碼欄位

密碼欄位透過標籤 定義:

<form>
Password: <input type="password" name="pwd">
</form>

瀏覽器顯示效果如下:

#注意:密碼欄位字元不會明文顯示，而是以星號或圓點取代。

3、單選按鈕（Radio Buttons）

標籤定義了表單單選框選項

<form>
<input type="radio" name="sex" value="male">Male<br>
<input type="radio" name="sex" value="female">Female
</form>

瀏覽器顯示效果如下:

4、複選框（Checkboxes）

定義了複選框. 使用者需要從若干在給定的選擇中選取一個或若干選項。

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

瀏覽器顯示效果如下:

5、提交按鈕(Submit Button)

定義了提交按鈕.

當使用者點選確認按鈕時，表單的內容會傳送到另一個檔案。表單的動作屬性定義了目的檔案的檔案名稱。由動作屬性定義的這個檔案通常會對接收到的輸入資料進行相關的處理。 :

<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" 的頁面。該頁面將顯示輸入的結果。

推薦教學：《html影片教學》

以上是html表單有哪些標記的詳細內容。更多資訊請關注PHP中文網其他相關文章！