首頁  >  文章  >  web前端  >  HTML 表單和輸入

HTML 表單和輸入

巴扎黑
巴扎黑原創
2017-04-15 09:06:481658瀏覽

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)

# 定義了提交按鈕.

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



Username:



 


HTML 表單標籤

New : HTML5新標籤

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