HTML 表單用于搜集不同類型的用戶輸入
HTML 表單用于收集用戶輸入；
form 元素定義 HTML 表單。
<form>
form elements
</form>
Action 屬性
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）：
何時(shí)使用 GET？
您能夠使用 GET（默認(rèn)方法）：
如果表單提交是被動(dòng)的（比如搜索引擎查詢），并且沒有敏感信息。
當(dāng)您使用 GET 時(shí)，表單數(shù)據(jù)在頁(yè)面地址欄中是可見的：action.jsp?name=xxxx&sex=female
*ps：GET 最適合少量數(shù)據(jù)的提交。瀏覽器會(huì)設(shè)定容量限制。
何時(shí)使用 POST？
您應(yīng)該使用 POST：
如果表單正在更新數(shù)據(jù)，或者包含敏感信息（例如密碼）。
POST 的安全性更加，因?yàn)樵陧?yè)面地址欄中被提交的數(shù)據(jù)是不可見的。
HTML 表單包含表單元素
表單元素指的是不同類型的 input 元素、復(fù)選框、單選按鈕、提交按鈕、文本域等
<input> 元素
<input> 元素是最重要的表單元素。
<input> 元素有很多形態(tài)，根據(jù)不同的 type 屬性。
-文本輸入：type=”text”
<form>
<label>用戶名</label>
<input type="text" name="">
</form>
-提交按鈕：type=”submit”（定義提交表單數(shù)據(jù)至表單處理程序的按鈕）
<form action="action.jsp">
<input type="submit" value="提交">
</form>
/*和action配合*/
/*如果省略了提交按鈕的 value 屬性，那么該按鈕將獲得默認(rèn)文本，也就是提交兩個(gè)字*/
-單選：type=”radio”
<form>
<label>性別</label>
<input type="radio" name="sex" value="male" checked>Male
<br>
<input type="radio" name="sex" value="female">Female
</form>
/*name中的值一致時(shí)，可以達(dá)到單選的效果*/
/*checked 是被選中狀態(tài) 也可以寫成checked="checked"*/
-復(fù)選：type=”checkbox”
<form>
<label>愛好</label>
<input type="checkbox" name="vehicle" value="運(yùn)動(dòng)"><label>運(yùn)動(dòng)</label>
<br>
<input type="checkbox" name="vehicle" value="美女"> <label>美女</label>
</form>
/*checked 是被選中狀態(tài) 也可以寫成checked="checked"*/
-定義按鈕：type=”button”
<form>
<input type="button" onclick="alert('歡迎來到腳本之家！')" value="點(diǎn)我！">
</form>
/*也是普通按鈕*/
-下拉列表：< select > 元素
<form>
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
</form>
<option> 元素定義待選擇的選項(xiàng)。
列表通常會(huì)把首個(gè)選項(xiàng)顯示為被選選項(xiàng)。
您能夠通過添加 selected 屬性來定義預(yù)定義選項(xiàng)。
-文本域：< textarea> 元素（定義多行輸入字段）
<form>
<textarea name="message" rows="10" cols="30">
輸入的內(nèi)容在這里哦！
</textarea>
-按鈕：< button> 元素
<form>
<button type="button" onclick="alert('歡迎來到腳本之家！')">點(diǎn)擊!</button>
想要更加了解表單元素其中的屬性，請(qǐng)點(diǎn)擊鏈接：https://www.jb51.net/web/571879.html
以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助~如果有疑問大家可以留言交流，謝謝大家對(duì)腳本之家的支持!
