首頁 > web前端 > 前端問答 > html中什麼是表單

html中什麼是表單

青灯夜游
發布: 2021-10-11 15:39:15
原創
6502 人瀏覽過

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

html中什麼是表單

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

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

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

表單透過

標籤來創建,其中放置表單的對象,如表單域、按鈕和其他事物:
<form>
....
表单元素
....
</form>
登入後複製

#常見的表單元素

1、input 輸入標籤

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

<input type="text" >
登入後複製

html中什麼是表單

元素依據不同的 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 文字域