表單
- 作用：收集信息。
- 表單元素
Paste_Image.png
注冊(cè)頁(yè)面上能夠填寫(xiě)的內(nèi)容都是我們的表單元素。
- 作用： 用來(lái)收集用戶的信息，將來(lái)提交到服務(wù)器。
Paste_Image.png
Paste_Image.png
-
注意點(diǎn)：
1. 如果想要多個(gè)radio或者checkbox組成一個(gè)選擇集合，那么必須給每個(gè)radio以及checkbox都設(shè)置相同name屬性。
2. 如何給radio,checkbox 設(shè)置默認(rèn)值呢？
設(shè)置另外一個(gè)屬性：checked="checked"
3. 給下拉框設(shè)置默認(rèn)值：selected="selected" -
Form標(biāo)簽：
為什么點(diǎn)擊reset沒(méi)有效果呢？
因?yàn)閠ype=resert的按鈕只能在Form之中才能起作用。
-作用：用來(lái)管理頁(yè)面上的表單元素，表單元素如果要起作用，必須要放在form標(biāo)簽中。
屬性action，作用是將所有的數(shù)據(jù)提交到action指定的頁(yè)面
注意：必須要給需要提交的標(biāo)簽加上name屬性，不然提交之后將沒(méi)有將數(shù)據(jù)顯示在地址欄上！
演示：
-** 輸入框**
用戶名：<input type="text" value="張三">
-密碼框
密碼：<input type="password" value="123456">
-隱藏起來(lái)的輸入框
<input type="hidden">
-單選框
// name="sex" 綁定一組
// checked="checked" 默認(rèn)選中項(xiàng)```
- **復(fù)選框**
`愛(ài)好：<input type="checkbox"> 籃球 <input type="checkbox"> 足球 <input type="checkbox"> 羽毛球`
- **按鈕**
`<input type="button" value="發(fā)送">`
- **重置按鈕：將頁(yè)面上修改的信息復(fù)原成原始狀態(tài)**
`<input type="reset" value="重置">`
- **圖片按鈕：可以點(diǎn)擊的圖片**
`<input type="image" src="test.png">`
-**下拉框**
<select>
<option>1991</option>
<option>1992</option>
<option selected="selected">1993</option>
<option>1994</option>
</selected>
// selected="selected" 默認(rèn)選中
- **文本域**
<textarea cols="30" rows="10"></textarea>
// cols 列 rows 行
**文章著作權(quán)歸饑人谷_sunny和饑人谷所有，轉(zhuǎn)載須說(shuō)明來(lái)源**