首頁 > web前端 > html教學 > HTML表單和輸入的詳細介紹

HTML表單和輸入的詳細介紹

高洛峰
發布: 2017-03-21 17:40:56
原創
1305 人瀏覽過

HTML 表單

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

表單元素是允許使用者在表單中輸入內容,例如:文字域(textarea)、下拉清單、單選方塊(radio-buttons)、複選框(checkboxes)等等。

表單使用表單標籤

來設定:

#
.
input elements
.


# HTML 表單 - 輸入元素

多數情況下被用到的表單標籤是輸入標籤()。

輸入類型是由類型屬性(type)定義的。大多數常用到的輸入型別如下:


文字域(Text Fields)

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


First name:

Last name:


# 密碼欄位

密碼欄位透過標籤 來定義:


Password:

#  


單選按鈕(Radio Buttons)

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


Male

Female

# 瀏覽器顯示效果如下:


複選框(Checkboxes)

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


I have a bike

I have a car 

# 瀏覽器顯示效果如下:


# 提交按鈕(Submit Button)

# 定義了提交按鈕.

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

action="html.php" method="get">
Username:

#

 

HTML 表單標籤

New : HTML5新標籤

#
標籤 描述
#
定義供使用者輸入的表單
# 定義輸入域
#