form表單有什么作用？有哪些常用的input 標簽，分別有什么作用？
HTML表單是一個包含各種表單元素的區域，用于收集用戶提交的各種類型的的數據。
input標簽使用type屬性的值來規定input元素的類型，常見有以下類型：
- text -- 單行文本輸入框
- textarea -- 多行文本域
- password -- 密碼輸入框，輸入顯示黑圓點
- checkbox -- 復選框
- radio -- 單選框
- file -- 輸入字段和瀏覽按鈕，用于文件上傳
- button -- 普通按鈕
- image -- 圖片按鈕
- submit -- 表單提交按鈕，用于提交表單數據
- hidden -- 隱藏的輸入字段
- reset -- 重置按鈕，清除表單填寫的所有數據
post 和 get 方式的區別？
- GET一般用于獲取/查詢資源信息，而POST一般用于更新資源信息。
- GET請求的數據會附在URL之后（就是把數據放置在HTTP協議頭中），以?分割URL和傳輸數據，參數之間以&相連，如：login.action?name=hyddd&password=idontknow&verify=%E4%BD%A0%E5%A5%BD。POST把提交的數據則放置在是HTTP包的包體中。
- GET方式提交的數據最多只能是1024字節，理論上POST沒有限制，可傳較大量的數據，IIS4中最大為80KB，IIS5中為100KB
- POST的安全性要比GET的安全性高。舉例：通過GET提交數據，用戶名和密碼將明文出現在URL上，因為(1)登錄頁面有可能被瀏覽器緩存，(2)其他人查看瀏覽器的歷史紀錄，那么別人就可以拿到你的賬號和密碼了，除此之外，使用GET提交數據還可能會造成Cross-site request forgery攻擊。
在input里，name 有什么作用？
- 用POST或者GET方式提交數據時，name會和input中的值相對應，后端通過name獲取相對于的input值。
radio 如何 分組?
- radio設置相同的name屬性名即為同一組，即通過設置不同的name。
placeholder 屬性有什么作用?
- 提供可描述輸入字段預期值的提示信息，該提示會在輸入字段為空時顯示，并會在字段獲得焦點時消失。
- placeholder 屬性適用于以下輸入類型：text、search、url、tel、email 以及 password
type=hidden隱藏域有什么作用? 舉例說明
- type屬性值定義為hidden可定義隱藏字段。隱藏字段對于用戶是不可見的。隱藏字段通常會存儲一個默認值，它們的值也可以由 JavaScript 進行修改。
一方面隱藏數據可以暫存數據，例如用戶不需要見到，但操作網頁時可能用到的數據；另一方面可以提高安全性，例如，頁面提交表單時可通過type=hidden設置一段隱藏的按照預先算法約定好的隨機字段，服務器在受到表單數據時對這個隱藏字段進行校驗，來識別該表單數據來源是否可靠，從而避免服務器數據被假頁面提交的數據攻擊篡改。
寫一篇博客簡單介紹 HTML 表單的用法，附上博客鏈接
實現如下表單,附上預覽地址。其中性別和取向是單選，愛好是多選
圖片
