html中什麼是表單

在html中，表單是一個包含表單元素的區域，主要用於收集不同類型的使用者輸入，需要使用表單標籤form來定義；而表單元素是允許使用者在表單中輸入內容的控制項，例如輸入標籤（input）、文字域（textarea）等等。

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

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

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

表單透過

標籤來創建，其中放置表單的對象，如表單域、按鈕和其他事物：

<form>
....
表单元素
....
</form>

#常見的表單元素

1、input 輸入標籤

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

<input type="text" >

元素依據不同的 type 屬性，可以改變為多種形態。

值	描述
#button	定義可點擊的按鈕（通常與JavaScript 一起使用來啟動腳本）。
checkbox	定義複選框。
color	定義拾色器。
date	定義 date 控制項（包含年、月、日，不包含時間）。
datetime	定義 date 和 time 控制項（包括年、月、日、時、分、秒、幾分之一秒，基於 UTC 時區）。
datetime-local	#定義date 和time 控制項（包括年、月、日、時、分、秒、幾分之一秒，不含時區） 。
email	定義用於 e-mail 位址的欄位。
file	定義檔案選擇欄位和 "瀏覽..." 按鈕，供檔案上傳。
hidden	定義隱藏輸入欄位。
image	定義圖片作為提交按鈕。
month	定義 month 和 year 控制項（不含時區）。
number	定義用於輸入數字的欄位。
password	定義密碼欄位（欄位中的字元會被遮蔽）。
radio	定義單選按鈕。
range	定義用於精確值不重要的輸入數字的控制項（例如 slider 控制項）。
reset	定義重設按鈕（重設所有的表單值為預設值）。
search	定義用於輸入搜尋字串的文字欄位。
submit	定義提交按鈕。
tel	定義用於輸入電話號碼的欄位。
text	預設。定義一個單行的文字欄位（預設寬度為 20 個字元）。
time	定義用於輸入時間的控制項（不含時區）。
url	定義用於輸入 URL 的欄位。
week	定義 week 和 year 控制項（不含時區）。

2、textarea 文字域

元素定義多行輸入欄位（文字域）：

<textarea name="message" rows="10" cols="30">
The cat was playing in the garden.
</textarea>

3、button 按鈕

元素定義可點擊的按鈕：

4、select 下拉列表，option待選擇的選項

元素定義下拉列表， 元素定義待選擇的選項。

<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>

下拉清單通常會把首個選項顯示為被選選項。但可以透過新增 selected 屬性來定義預定義選項。

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

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