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

• form表單有什么作用？
  <form> 標(biāo)簽用于為用戶輸入創(chuàng)建 HTML 表單并向服務(wù)器傳輸數(shù)據(jù)。

• 有哪些常用的input 標(biāo)簽，分別有什么作用？
  單行文本框<input type="text">
  密碼框<input type="password">
  單選組件<input type="radio">
  多選組件<input type="checkbox">
  隱藏組件<input type="hidden" name=" " value=" ">
  按鈕：
  普通按鈕<input type="button"> ?。?！但不會(huì)提交
  提交數(shù)據(jù)按鈕<input type="submit" >
  重置按鈕<input type="reset">

2.post 和 get 方式的區(qū)別？

1.get:在向后臺(tái)傳輸數(shù)據(jù)時(shí)，會(huì)用&把數(shù)據(jù)連接起來，然后鏈接在？后面，形成一個(gè)新的URL。而post不會(huì)形成新的URL，但數(shù)據(jù)依舊能傳輸給后臺(tái)。
2.get常用于向后臺(tái)提取或查詢數(shù)據(jù)，即輸入一個(gè)提示詞，后臺(tái)根據(jù)提示詞篩選數(shù)據(jù)，從而得到數(shù)據(jù)。而post常用于向后臺(tái)傳輸數(shù)據(jù)，post的安全性較高。
3.get方式可提交的數(shù)據(jù)量跟URL的長度有直接關(guān)系，因此并不能傳輸大量的數(shù)據(jù)。而post傳輸?shù)臄?shù)據(jù)量取決于服務(wù)器的處理程序的處理能力，但相比get方式，能夠傳輸較大量的數(shù)據(jù)。
4.在form中，Method的默認(rèn)方式是get。

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

name 屬性規(guī)定 input 元素的名稱，用于對提交到服務(wù)器后的表單數(shù)據(jù)進(jìn)行標(biāo)識(shí)，或者在客戶端通過 JavaScript 引用表單數(shù)據(jù)。

4.radio 如何 分組?

將需要設(shè)為同一分組的radio的name屬性，設(shè)為相同值。
下面為同一組：

<input type="radio" name="a" value="1">
<input type="radio" name="a" value="2">
<input type="radio" name="a" value="3">

下面為不同組：

<input type="radio" name="a" value="1">
<input type="radio" name="b" value="1">

5.placeholder 屬性有什么作用?

placeholder 屬性提供可描述輸入字段預(yù)期值的提示信息（hint）。
該提示會(huì)在輸入字段為空時(shí)顯示，并會(huì)在字段獲得焦點(diǎn)時(shí)消失。

示例

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

1.隱藏域在頁面中對于用戶是不可見的，在表單中插入隱藏域的目的在于收集或發(fā)送信息，以利于被處理表單的程序所使用。瀏覽者單擊發(fā)送按鈕發(fā)送表單的時(shí)候，隱藏域的信息也被一起發(fā)送到服務(wù)器。
2.能夠防止csrf攻擊，若被知曉服務(wù)器并向其傳輸數(shù)據(jù)，但由于<input type="hidden" name="" value="">中得到的name和value與服務(wù)器中存儲(chǔ)的不相符，則不會(huì)更新服務(wù)器中的數(shù)據(jù)，從而抵擋csrf的攻擊。

7. HTML 表單的用法