form表單
1. form表單有什么作用？有哪些常用的input 標簽，分別有什么作用？
- 作用
- 搜集用戶填寫的信息，提交給網站后臺（即服務器）
- 常見input標簽及屬性
- input標簽使用type屬性的值來規定input元素的類型，常見有以下類型：
| type | 作用 |
|---|---|
| text | 定義單行輸入框，可在其中輸入文本 |
| password | 密碼輸入框，輸入的內容在頁面上以圓點展示 |
| checkbox | 定義復選框 |
| radio | 定義單選框 |
| file | 定義輸入字段和“瀏覽”按鈕，供文件上傳 |
| hidden | 隱藏的標簽。可以用來發送默認項或者進行安全校驗 |
| button | 定義可點擊的按鈕,不可提交 |
| submit | 定義提交按鈕，把表單數據發給服務器 |
| reset | 定義重置按鈕，用于清除表單中的用戶輸入的數據 |
| image | 定義圖像形式的提交按鈕 |
| url | URL的絕對地址 |
| 郵件地址 | |
| search | 無換行的搜索框 |
| tel | 無換行的電話號碼框 |
| date | 日期輸入框，可以選擇日期 |
| time | 時間輸入框 |
| number | 數字輸入框，整數小數都可以 |
| range | 范圍選擇框，0~100 |
| color | 選擇顏色 |
2.post 和 get 方式的區別？
GET和POST是HTTP請求的兩種基本方法：
- POST ： 向指定的資源提交要被處理的數據
- GET ：從指定的資源請求數據
區別:參考資料
最直觀的區別就是GET把參數包含在URL中，POST通過request body傳遞參數。
1.GET后退按鈕/刷新無害，POST數據會被重新提交（瀏覽器應該告知用戶數據會被重新提交）。
2.GET書簽可收藏，POST為書簽不可收藏。
3.GET能被緩存，POST不能緩存 。
4.GET請求只能進行url編碼，而POST支持多種編碼方式。
5.GET請求參數會被完整保留在瀏覽器歷史記錄里，而POST中的參數不會被保留。
6.GET請求在URL中傳送的參數是有長度限制的，而POST沒有。
7.對參數的數據類型，GET只接受ASCII字符，而POST沒有限制。
8.GET比POST更不安全，因為參數直接暴露在URL上，所以不能用來傳遞敏感信息。
9.GET參數通過URL傳遞，POST放在Request body中。
4028061-734a4ac19881dfa3.png
3.在input里，name 有什么作用？
- name 屬性規定 input 元素的名稱，只有設置了 name 屬性的表單元素才能在提交表單時傳遞它們的值。
例如：
<input name="username" id="username">
<input id="age">
上方兩個input在提交表單信息上，默認情況下只有id為username，具有name屬性的input的數據才能提交
- 同樣，當 input 類型為 radio 時，name屬性也常用于給此類單選框分組
<input type="radio" name="a" value="張三" id="a1" />
<input type="radio" name="a" value="曾四" id="a2"/>
4.radio 如何分組?
- 具有相同 name 屬性值的 radio 為同一組。下面代碼是兩組單選。
<input type="radio" name="sex1">男
<input type="radio" name="sex1">女
<input type="radio" name="sex2">男
<input type="radio" name="sex2">女
radio.PNG
5.placeholder 屬性有什么作用?
- placeholder屬性能夠讓你在文本框里默認顯示提示信息，一旦你在文本框里輸入了什么信息，提示信息就會隱藏。
6.type=hidden隱藏域有什么作用? 舉例說明
- 作用：隱藏不讓用戶看到的信息，但這些信息對于web應用又是很有必要的
暫存信息：后端在構造web頁面的過程中，通過hidden隱藏域在頁面中添加相應的數據信息（用戶對網頁操作可能會用到這些信息）
信息安全：后端在構造web頁面的過程中，通過hidden隱藏域在頁面中添加相應的驗證信息，當提交form表單時，服務器會收到該驗證信息，然后通過一定的算法校驗該驗證信息，可以有效防止非法請求對數據庫的增刪改查，提高了web應用的安全性
