HTML表單
- HTML 表單用于搜集不同類型的用戶輸入初婆。
- 表單是一個(gè)包含表單元素的區(qū)域丁频。
- 使用
<form>定義表單
<form>
.
form elements
.
</form>
-
<form>元素有一些常用屬性- Action 屬性
action屬性定義在提交表單時(shí)執(zhí)行的動(dòng)作蕾盯，比如，一般提交表單會(huì)將表單提交到某個(gè)服務(wù)器上授账，可以這樣寫
<form action="action_page.php">
action屬性的值可以是絕對(duì)URL停团，也可以是相對(duì)URL。如果省略 action 屬性袭艺，則 action 會(huì)被設(shè)置為當(dāng)前頁(yè)面搀崭。
- Method 屬性
method 屬性規(guī)定在提交表單時(shí)所用的 HTTP 方法（GET 或 POST）
<form action="action_page.php" method="GET">
或
<form action="action_page.php" method="POST">
- Name 屬性
如果要正確地被提交，每個(gè)輸入字段必須設(shè)置一個(gè) name 屬性匹表。name屬性是對(duì)提交到表單的數(shù)據(jù)的一個(gè)標(biāo)識(shí)门坷，表單元素（諸如
<input>等）只有設(shè)置了name屬性，才能在提交表單的時(shí)候傳遞他們的值袍镀。
表單元素
表單元素是允許用戶在表單中輸入內(nèi)容,比如：文本域(textarea)、單選框(radio-buttons)冻晤、復(fù)選框(checkboxes)等等苇羡。
-
<input>元素
<input>是最重要的表單元素，type屬性決定其類型鼻弧。最常用到的有以下幾種
| 標(biāo)簽 | 作用 |
|---|---|
| <input type="text" /> | 創(chuàng)建單行文本域设江，用戶可以在文本域中輸入文本 |
| <input type="password" /> | 定義密碼字段，密碼字段中的字符會(huì)被掩碼（顯示為星號(hào)或原點(diǎn)） |
| <input type="checkbox" /> | 定義復(fù)選框攘轩。復(fù)選框允許用戶在一定數(shù)目的選擇中選取一個(gè)或多個(gè)選項(xiàng)叉存。 |
| <input type="radio" /> | 創(chuàng)建單選按鈕單選按鈕允許用戶選取給定數(shù)目的選擇中的一個(gè)選項(xiàng) |
| <input type="button" /> | 定義可點(diǎn)擊按鈕（多數(shù)情況下，用于通過(guò) JavaScript 啟動(dòng)腳本） |
| <input type="hidden" /> | 定義隱藏的輸入字段度帮。隱藏字段對(duì)于用戶是不可見(jiàn)的歼捏。隱藏字段通常會(huì)存儲(chǔ)一個(gè)默認(rèn)值，它們的值也可以由 JavaScript 進(jìn)行修改 |
| <input type="image" src="#" alt="#" /> | 定義圖像形式的提交按鈕 |
| <input type="file" /> | 定義輸入字段和 "瀏覽"按鈕笨篷，供文件上傳 |
| <input type="reset" /> | 定義重置按鈕瞳秽。重置按鈕會(huì)清除表單中的所有數(shù)據(jù) |
| <input type="submit" /> | 定義提交按鈕。提交按鈕用于向服務(wù)器發(fā)送表單數(shù)據(jù)率翅。數(shù)據(jù)會(huì)發(fā)送到表單的 action 屬性中指定的頁(yè)面 |
<input>元素有一些常用的屬性
| 屬性 | 作用 | 實(shí)例 |
|---|---|---|
| value | 規(guī)定輸入字段的初始值 | <input type="text" name="firstname" value="John"> |
| readonly | readonly 屬性規(guī)定輸入字段為只讀（readonly屬性不需要值） | <input type="text" name="firstname" value="John" readonly> |
| disabled | disabled 屬性規(guī)定輸入字段是禁用的练俐，即不可用和不可點(diǎn)擊的。被禁用的元素不會(huì)被提交冕臭。（disabled屬性不需要值） | <input type="text" name="firstname" value="John" disabled> |
| maxlength | maxlength 屬性規(guī)定輸入字段允許的最大長(zhǎng)度 | <input type="text" name="firstname" maxlength="10"> |
還有一些H5新增的常見(jiàn)屬性腺晾，像placeholder、autofocus辜贵、required悯蝉、autocomplete等等。
-
<select>元素（下拉列表）-
<select>元素用來(lái)創(chuàng)建下拉列表念颈。 -
<select>元素中的<option>標(biāo)簽定義了列表中的可用選項(xiàng)剖膳。 - 加selected 屬性來(lái)定義預(yù)定義選項(xiàng)
-
實(shí)例：
<select name="cities">
<option value="Beijing">北京</option>
<option value="Shanghai">上海</option>
<option value="Guangzhou">廣州</option>
</select>
-
<textarea>元素
<textarea> 元素定義多行輸入字段（文本域）
-
<button>元素
<button> 元素定義可點(diǎn)擊的按鈕
還有很多其他的常用元素，包括一些H5元素归薛，如<datalist>，<output>等等跺撼。
