form表單的作用
用于搜集用戶輸入不同類型信息的一個html標簽
是一個包含表單元素的區(qū)域（輸入框input 文本框 單選 多選 下拉列表）嗽元，在這區(qū)域內(nèi)倔矾，表單元素的值都可以form表單都可以進行收集
表單
form標簽是表單的外殼环础，主要有四個屬性
1宾巍、action 表單提交地址
2、method 提交表單方法
3丈甸、target 在何處打開 Action
4糯俗、 enctype
- application·/x-www-form-urllencoded 在發(fā)送前編碼所有字符（默認）
- text/plain 空格轉(zhuǎn)化為加號 但不對特殊字符編碼
- multipart/form-data: 使用包含文件上傳空間的表單時，必須使用該值
常見的表單元素
**select ： **元素定義下拉列表睦擂。必須包含name屬性得湘，用于記錄提交數(shù)據(jù)的名稱
下拉列表元素由<option>標簽定義。列表通常會把首個選項顯示為被選選項顿仇√哉可通過添加 selected 屬性來定義預(yù)定義選項。列表值由value屬性定義臼闻。
**textarea： **元素定義多行輸入字段（文本域）鸿吆。必須包含name屬性，用于記錄提交數(shù)據(jù)的名稱述呐。行內(nèi)元素惩淳。
**label： **元素用來提示<input>、<select>乓搬、<textarea>等輸入元素表頭思犁，可用for屬性與屬入元素id相關(guān)聯(lián)代虾，幫助輸入元素聚焦鼠標輸入。行內(nèi)元素激蹲。
常見的input
input標簽更具自生type屬性不同棉磨，功能有所不同
- text：可輸入普通文本
- checkbox: 復(fù)選框
- file： 可以輸入字段 和 瀏覽按鈕 可以上傳文件
- radio： 單選框
- hidden： 隱藏的輸入字段
- **password: ** 字符被星號隱藏
- **submit： **表單數(shù)據(jù)提交按鈕 把表單數(shù)據(jù)發(fā)送到服務(wù)器。
- reset: 生成重置表單按鈕 可以重置表單里面數(shù)據(jù)
post 和 get 方式的區(qū)別
傳遞方式不同
- get 是在url 以 k = v 的形式給后臺發(fā)送數(shù)據(jù)
- post則是隱蔽的方式 鏈接看不到所要傳遞的數(shù)據(jù)
安全性比較 - get 是在url顯示傳遞數(shù)據(jù) 有緩存 可以存入書簽 這樣容易暴露信息
- post 隱式 傳遞數(shù)據(jù) 不可存入標簽 沒有緩存 不會改變url地址 更安全
傳遞數(shù)據(jù)大小不同 - get url有字節(jié)數(shù)限制 所以get請求有字數(shù)限制
- post 不依賴url 理論上 大小不受限制 但還是有原因的
在input里学辱，name 有什么作用乘瓤？ radio怎么分組 placeholder有什么作用 type=hidden隱藏域有什么作用? 舉例說明
- 只有設(shè)置了 name 屬性的表單元素才能在提交表單時傳遞它們的值
- radio 標簽屬性name相同既可以分為一組
- placeholder 可以給input給出提示語 當(dāng)在表單輸入值時 提示語不顯示
- 后臺需要前臺返回的數(shù)據(jù) 但是前臺又不能顯示出來
舉例： 假如編輯客戶信息的時候 顯示的 而且編輯的都是可見 的 ，但是用戶都有一個確定唯一 id 但是id不能顯示 但是這個id要提交給后臺 后臺才知道修改的是哪個客戶项郊。這是使用 text=hidden再好不過了
