html表單用于搜集不同類型的用戶輸入掘而。
<form>元素
form元素定義html表單
HTML 表單包含表單元素
表單元素指的是不同類型的 input 元素始赎、復(fù)選框鄙早、單選按鈕撬腾、提交按鈕等等。
<input> 元素
<input> 元素是最重要的表單元素,根據(jù)不同的 type 屬性有很多形態(tài)副瀑。
text屬性定義常規(guī)文本輸入弓熏。
radio屬性定義單選按鈕輸入。
submit定義提交按鈕糠睡。
Action 屬性
<form>標(biāo)簽的action 屬性定義在提交表單時(shí)執(zhí)行的動(dòng)作挽鞠。向服務(wù)器提交表單的通常做法是使用提交按鈕。通常狈孔,表單會(huì)被提交到 web 服務(wù)器上的網(wǎng)頁(yè)滞谢。如果省略 action 屬性,則 action 會(huì)被設(shè)置為當(dāng)前頁(yè)面除抛。
Method 屬性
method 屬性規(guī)定在提交表單時(shí)所用的 HTTP 方法(GET 或 POST)
Name 屬性
如果要正確地被提交狮杨,每個(gè)輸入字段必須設(shè)置一個(gè) name 屬性。
HTML<form>元素到忽,已設(shè)置所有可能的屬性橄教,是這樣的:
<form action="action_page.php" method="GET" target="_blank" accept-charset="UTF-8"
ectype="application/x-www-form-urlencoded" autocomplete="off" novalidate>
.
form elements
.
</form>
屬性 | 描述 |
---|---|
accept-charset | 規(guī)定在被提交表單中使用的字符集 |
action | 規(guī)定向何處提交表單的地址(URL)(提交頁(yè)面)。 |
autocomplete | 規(guī)定瀏覽器應(yīng)該自動(dòng)完成表單(默認(rèn):開啟)喘漏。 |
enctype | 規(guī)定被提交數(shù)據(jù)的編碼(默認(rèn):url-encoded)护蝶。 |
method | 規(guī)定在提交表單時(shí)所用的 HTTP 方法(默認(rèn):GET)。 |
name | 規(guī)定識(shí)別表單的名稱(對(duì)于 DOM 使用:document.forms.name)翩迈。 |
novalidate | 規(guī)定瀏覽器不驗(yàn)證表單持灰。 |
target | 規(guī)定 action 屬性中地址的目標(biāo)(默認(rèn):_self)。 |
<select>元素(定義下拉列表)
子元素<option>定義待選擇的選項(xiàng)负饲,通常把首個(gè)選項(xiàng)顯示為被選選項(xiàng)堤魁,可以添加selected屬性定義預(yù)定義選項(xiàng)。
<textarea>元素定義多行輸入字段(文本域)
<button> 元素定義可點(diǎn)擊的按鈕
輸入類型:text
<input type="text"> 定義供文本輸入的單行輸入字段
Input Type: radio
<input type="radio"> 定義單選按鈕返十。
Radio buttons let a user select ONLY ONE of a limited number of choices
Input Type: checkbox
<input type="checkbox"> 定義復(fù)選框妥泉。
復(fù)選框允許用戶在有限數(shù)量的選項(xiàng)中選擇零個(gè)或多個(gè)選項(xiàng)。
Input Type: button
<input type="button> 定義按鈕洞坑。
HTML5 輸入類型
HTML5 增加了多個(gè)新的輸入類型:
* |
類型 | * |
---|---|---|
* color |
* date |
* datetime |
* datetime-local |
* email |
* month |
* number |
* range |
* search |
* tel |
* time |
* url |
* week |
* |
* |