HTML表單的用法

html表單用于搜集不同類型的用戶輸入。


<form>元素

form元素定義html表單


HTML 表單包含表單元素

表單元素指的是不同類型的 input 元素、復(fù)選框、單選按鈕、提交按鈕等等。


<input> 元素

<input> 元素是最重要的表單元素,根據(jù)不同的 type 屬性有很多形態(tài)。
text屬性定義常規(guī)文本輸入。
radio屬性定義單選按鈕輸入。
submit定義提交按鈕。


Action 屬性

<form>標(biāo)簽的action 屬性定義在提交表單時執(zhí)行的動作。向服務(wù)器提交表單的通常做法是使用提交按鈕。通常,表單會被提交到 web 服務(wù)器上的網(wǎng)頁。如果省略 action 屬性,則 action 會被設(shè)置為當(dāng)前頁面。


Method 屬性

method 屬性規(guī)定在提交表單時所用的 HTTP 方法(GET 或 POST)


Name 屬性

如果要正確地被提交,每個輸入字段必須設(shè)置一個 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)(提交頁面)。
autocomplete 規(guī)定瀏覽器應(yīng)該自動完成表單(默認(rèn):開啟)。
enctype 規(guī)定被提交數(shù)據(jù)的編碼(默認(rèn):url-encoded)。
method 規(guī)定在提交表單時所用的 HTTP 方法(默認(rèn):GET)。
name 規(guī)定識別表單的名稱(對于 DOM 使用:document.forms.name)。
novalidate 規(guī)定瀏覽器不驗證表單。
target 規(guī)定 action 屬性中地址的目標(biāo)(默認(rèn):_self)。

<select>元素(定義下拉列表)

子元素<option>定義待選擇的選項,通常把首個選項顯示為被選選項,可以添加selected屬性定義預(yù)定義選項。


<textarea>元素定義多行輸入字段(文本域)


<button> 元素定義可點擊的按鈕


輸入類型: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ù)量的選項中選擇零個或多個選項。


Input Type: button

<input type="button> 定義按鈕。


HTML5 輸入類型

HTML5 增加了多個新的輸入類型:

* 類型 *
*color *date *datetime
*datetime-local *email *month
*number *range *search
*tel *time *url
*week * *

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 一、表單 1. 表單的作用 HTML 表單用于接收不同類型的用戶輸入,用戶提交表單時向服務(wù)器傳輸數(shù)據(jù),從而實現(xiàn)用戶...
    zx9426閱讀 446評論 0 1
  • HTML 表單:輸入用戶信息的單子,收集填寫的信息給服務(wù)器后臺例: form:定義html表單,粗淺理解為包裹表單...
    我七閱讀 404評論 0 0
  • 什么是form表單 表單在網(wǎng)頁中主要負(fù)責(zé)數(shù)據(jù)采集功能,把用戶填寫的信息提交到網(wǎng)站的后臺服務(wù)器。 form標(biāo)簽的常用...
    ezrealor閱讀 279評論 0 0
  • HTML 表單用于搜集不同類型的用戶輸入。用戶提交表單時向服務(wù)器傳輸數(shù)據(jù),從而實現(xiàn)用戶與Web服務(wù)器的交互。HTM...
    FLYSASA閱讀 445評論 0 0
  • 南京方言 南京城里有個校門口,校門口里頭有個王老頭,他的孫子叫個小臘個,是啞嗎是個厭蛋頭,他打壞了我的碗,...
    無憂無慮61閱讀 511評論 0 0