1.form表單有什么作用？有哪些常用的input 標簽，分別有什么作用？

• 作用是：收集填寫的信息，提交給網站的后臺
• 常見的input標簽：

input元素因屬性type值的不同可以生成多選框、單選框、文件上傳、文本框、密碼框、隱藏域、按鈕等。

1. text--文本框；
2. checkbox--復選框（多選框）；
3. radio--單選框；
4. password--密碼框；
5. file--文件上傳
6. button--普通按鈕，用于點擊按鈕調用js程序
7. reset--重置按鈕
8. submit--提交按鈕，會把表單的數據提交給服務器（action指定提交服務器地址）
9. image--圖像式提交按鈕

2.post 和 get 方式的區別？

• GET在瀏覽器回退時是無害的，而POST會再次提交請求。

• GET產生的URL地址可以被Bookmark，而POST不可以。

• GET請求會被瀏覽器主動cache，而POST不會，除非手動設置。

• GET請求只能進行url編碼，而POST支持多種編碼方式。

• GET請求參數會被完整保留在瀏覽器歷史記錄里，而POST中的參數不會被保留。

• GET請求在URL中傳送的參數是有長度限制的，而POST么有。

• 對參數的數據類型，GET只接受ASCII字符，而POST沒有限制。

• GET比POST更不安全，因為參數直接暴露在URL上，所以不能用來傳遞敏感信息。

• GET參數通過URL傳遞，POST放在Request body中。

• GET產生一個TCP數據包；POST產生兩個TCP數據包。（并不是所有瀏覽器都會在POST中發送兩次包，Firefox就只發送一次。）

3.在input里，name 有什么作用？

name表示表單提交時，向服務器傳遞的key值

4.radio 如何 分組?

通過name屬性來分組

• 所有的input標簽都需要name屬性
• 在表單提交中name和value就是key和value，是最終提交給服務器的表單參數和值

5.placeholder 屬性有什么作用?

給文本框一個提示，告訴用戶該輸入哪些內容

6.type=hidden隱藏域有什么作用? 舉例說明

type=hidden的作用

7.介紹 HTML 表單的用法

答：form標簽是表單的外殼，主要有4個屬性

1. action：表單提交的地址
2. method：提交表單的方法
3. target：在何處打開action
4. enctype：規定在發送到服務器之前應該如何對表單數據進行編碼，有3個值
   application/x-www-form-urlencoded是在發送前編碼所有字符（默認）；

8.實現如下表單,附上預覽地址。其中性別和取向是單選，愛好是多選

代碼鏈接