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