1、form表單有什么作用？有哪些常用的input 標(biāo)簽，分別有什么作用？
form表單用于用戶在頁面中輸入一些信息，瀏覽器將該信息打包傳送給服務(wù)器，由服務(wù)器的后端程序進(jìn)行下一步處理：如返回給用戶一些信息或者更新服務(wù)器數(shù)據(jù)庫的內(nèi)容等。
<input type="text">//用于單行文本輸入
<input type="password">用于輸入密碼
<input type="radio">定義單選按鈕，允許用戶在有限的選項中選擇一個
<input type="checkbox">定義復(fù)選框，允許用戶選擇多個
<input type="submit">定義用于向表單處理程序提交表單的按鈕
<input type="button">定義按鈕，但不會提交表單
<input type="number">用于輸入數(shù)字
2、post 和 get 方式的區(qū)別？
- get用于非敏感數(shù)據(jù)的提交，post用于敏感數(shù)據(jù)的提交
- 當(dāng)使用get方法時，提交數(shù)據(jù)在地址欄是可見的，而使用post方法是不可見的
- get適用于數(shù)據(jù)的查詢和獲取，post適用于數(shù)據(jù)的增加、刪除和修改
- get方法提交的數(shù)據(jù)最多只能是1024字節(jié)，理論上post沒有限制，可傳較大量的數(shù)據(jù)
3、在input里，name 有什么作用？
- name 屬性規(guī)定 input 元素的名稱。
- name 屬性用于對提交到服務(wù)器后的表單數(shù)據(jù)進(jìn)行標(biāo)識，或者在客戶端通過 JavaScript 引用表單數(shù)據(jù)。
4、radio 如何 分組?
- 通過name屬性分組。相同的name為一組
5、placeholder 屬性有什么作用?
- placeholder屬性主要是規(guī)定幫助用戶填入輸入字段的提示,即輸入字段的默認(rèn)顯示值.
6、type=hidden隱藏域有什么作用? 舉例說明
作用：用于隱藏不讓用戶看見，但對于web應(yīng)用有用的信息。
- 暫存信息：后端在構(gòu)造web頁面的過程中，通過hidden隱藏域在頁面中添加了相關(guān)數(shù)據(jù)信息(用戶對網(wǎng)頁進(jìn)行操作時可能會用到這些數(shù)據(jù)信息)
- 信息安全：后端在構(gòu)造web頁面的過程中，可以通過hidden隱藏域在頁面中添加相關(guān)的驗證信息，當(dāng)form表單被提交后，服務(wù)器會收到該驗證信息，通過一定的算法校驗該驗證信息，可以有效防止非法請求對數(shù)據(jù)庫的增刪改查，提高了web應(yīng)用的安全性。
7、html表單用法簡單介紹
一、<form>
表示一個文檔中表單的區(qū)域，常用屬性：
- action：’指定處理這個表單數(shù)據(jù)的程序所在的URL
- method：指定使用何種方式提交表單數(shù)據(jù)
例子：
<form action='/getInfo' method='get'>
...
...
...
</form>
二、input標(biāo)簽。
常用的input類型：
| input類型 | 作 用 |
|---|---|
| text | 單行文本框 |
| password | 密碼輸入框（不會顯示輸入的字符） |
| checkbox | 多選（同一組name屬性必須一致） |
| radio | 單選（同一組name屬性必須一致） |
| file | 上傳文件， accept屬性可以選擇文件類型accept='image/png'——只能上傳png文件） |
| hidden | 隱藏域 |
| buttom | 普通按鈕 |
| submit | 提交數(shù)據(jù)的按鈕 |
| reset | 重置按鈕 |
三、 label標(biāo)簽。
<label for="abc">xxx</label>
<input id="abc" type="text" name="abc">
對輸入框和密碼框的文字說明。for屬性對應(yīng)input的id屬性，當(dāng)點擊文字時可以定位到輸入框。
四、textarea標(biāo)簽
<textarea id=" " name=" " cols="40" rows="10"></textarea>
cols 列數(shù)。rows 行數(shù)。
五、 select標(biāo)簽
用于下拉欄，必須加上name屬性。
<select name="car" id="car">
<option value="sabo">薩博</option>
<option value="fox">fox</option>
</select>
六、 placeholder屬性
在文本框內(nèi)的提示語
