表單的作用：<form> 標(biāo)簽用于為用戶輸入創(chuàng)建 HTML 表單，用于向服務(wù)器傳輸數(shù)據(jù)。
常見的形式
<form action="/demo/demo_form.asp" method="get">
<div class="password">
<label for="password">密碼：</label>
<input id="password" type="password" name="password" value="password">
</div>
</form>
常見的標(biāo)簽及作用
| 標(biāo)簽 | 作用 |
|---|---|
<input type=text> |
定義常規(guī)文本輸入 |
<input type=password> |
定義密碼字段 |
<input type=checkbox> |
定義多選框 |
<input type=radio> |
定義單選框 |
<input type=file> |
定義文件選擇表 |
<select name="" > <option="" > </option> |
定義下拉菜單 |
<textarea name=""></textarea> |
多行文本 |
<input type="hidden" > |
隱藏域 |
<label> |
為 input 元素定義標(biāo)注（標(biāo)記） |
注：type=hidden隱藏域可以驗(yàn)證信息，防止CSRF(Cross Site Request Forgery)的攻擊。
label 元素不會(huì)向用戶呈現(xiàn)任何特殊效果。不過爸业，它為鼠標(biāo)用戶改進(jìn)了可用性。如果您在 label 元素內(nèi)點(diǎn)擊文本亏镰，就會(huì)觸發(fā)此控件扯旷。就是說(shuō)，當(dāng)用戶選擇該標(biāo)簽時(shí)索抓，瀏覽器就會(huì)自動(dòng)將焦點(diǎn)轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上钧忽。
<label> 標(biāo)簽的 for 屬性應(yīng)當(dāng)與相關(guān)元素的 id 屬性相同。
三種按鍵的區(qū)別
- <input type="button" value="Buttom" /> 不會(huì)提交
- <input type="submit" value="Submit" /> 會(huì)提交
- <input type="reset" value="Reset" /> 重置輸入
method中g(shù)et 和 post 方式
1.共同點(diǎn)：均屬于兩種與后臺(tái)服務(wù)器交互的形式
2.不同點(diǎn)
- get請(qǐng)求的數(shù)據(jù)會(huì)附在URL之后逼肯，post把提交的數(shù)據(jù)則放置在是http包的包體中
- post安全性比get安全性高
- get方式提交的數(shù)據(jù)有限制耸黑，post方式可傳較大量的數(shù)據(jù)
- get是向服務(wù)器發(fā)索取數(shù)據(jù)的一種請(qǐng)求，而post是向服務(wù)器提交數(shù)據(jù)的一種請(qǐng)求
name的作用
主要是用于獲取提交表單的某表單域信息篮幢， 作為可與服務(wù)器交互數(shù)據(jù)的HTML元素的服務(wù)器端的標(biāo)示大刊，瀏覽器會(huì)根據(jù)name來(lái)設(shè)定發(fā)送到服務(wù)器的request， 在表單的接收頁(yè)面只接收有name的元素, 所以賦ID的元素通過表單是接收不到值的三椿。 我們可以在服務(wù)器端根據(jù)其Name通過Request.Params取得元素提交的值缺菌。在form里面葫辐，如果不指定name，就不會(huì)發(fā)送到服務(wù)器端伴郁。
value的作用
1.按鈕中用的value 指的是按鈕上要顯示的文本 比如“確定”“刪除”等
2.復(fù)選框用的value 指的是這個(gè)復(fù)選框的值
3.單選框用的value 和復(fù)選框一樣
4.下拉菜單用的value 是列表中每個(gè)子項(xiàng)的值
5.隱藏域用的value 是框里面顯示的內(nèi)容
在后臺(tái)如果你想得到復(fù)選框的內(nèi)容 就是value 來(lái)取
當(dāng)你在接收表單數(shù)據(jù)的頁(yè)面中獲取數(shù)據(jù)時(shí)耿战，得到的就是value的值
單、復(fù)選框中的預(yù)選用checked
下拉菜單（select）中的預(yù)選用selected
