表單的作用即是用于搜集不同類型的用戶輸入苛茂。
利用<form>...</form>來定義HTML表單缤骨。
表單元素
表單中包含的一個重要元素就是<input>元素寞忿。根據(jù)不同的type屬性，<input>元素展現(xiàn)出不同的狀態(tài)际邻。
| 類型 | 描述 |
|---|---|
| text | 定義常規(guī)文本輸入 |
| password | 常用于密碼的輸入芯丧，所輸入的內(nèi)容不會展示具體內(nèi)容，而是用小圓點(diǎn)代替 |
| checkbox | 用于多選框 |
| radio | 用于定義單選按鈕（多個選擇一個） |
| button | 用于定義可點(diǎn)擊按鈕 |
提交方式
利用form表單的method屬性來設(shè)置提交的方式世曾。提交的方式有兩種缨恒，分別是GET和POST。
GET（默認(rèn)提交方式）
將method設(shè)置為GET轮听，或不做設(shè)置骗露。表單將會以GET的方式提交到服務(wù)器。
使用GET的提交方式有以下特點(diǎn)：
- GET提交是使用拼接url的方式提交到服務(wù)器的血巍，所以安全性相對于POST的方式要低萧锉，提交的內(nèi)容可以被看到。
- 因?yàn)镚ET提交是拼接url的方式述寡，所以對于提交的內(nèi)容大小有一定的限制柿隙。即url的長度有限制，提交內(nèi)容最大不多于1kb的大小鲫凶。
- GET所提交的數(shù)據(jù)會保存在瀏覽器的歷史記錄里面禀崖，安全性不高。
POST
將method設(shè)置為POST 螟炫，表單將以POST的方式提交到服務(wù)器帆焕。
使用POST提交有以下特點(diǎn)：
- POST的提交方式不同于GET拼接url，POST是直接將請求的數(shù)據(jù)放置到http的請求中不恭。外界無法直接看到數(shù)據(jù)叶雹，所以相對的安全性比較高。
- POST提交內(nèi)容的大小理論上是沒有限制的换吧，它所受限于服務(wù)器的大小折晦。
一般GET用于向服務(wù)器查詢信息、獲取信息沾瓦；而POST用于向服務(wù)器發(fā)送數(shù)據(jù)满着。
name
<input>標(biāo)簽還有一個重要的屬性，就是name屬性。在表單提交的時(shí)候，name屬性即是數(shù)據(jù)的key堪唐，而用戶的輸入或選擇即是數(shù)據(jù)的value。所以如果想要數(shù)據(jù)正常的被提交魂莫，name屬性的設(shè)置不能少。
另外爹耗，在type=checkbox的時(shí)候耙考，name屬性也是用來分組的關(guān)鍵值谜喊。
