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

<form>標(biāo)簽用于為用戶創(chuàng)建HTML表單，并向服務(wù)器傳輸數(shù)據(jù)，常用的<input>標(biāo)簽主要有：

<input type="text" name=" ">
<input type="password" name=" ">
< input type="checkbox" name=" ">
< input type="radio" name="">
<input type="submit" name="">
<input type=" button" name="">
<input type="reset" name="">
<input type="number name="">
<input type="date" name="">
<input type="color" name="">
<input type="textarea" name="">
<input tyoe="file" name="">
<input type="hidden" name="">
<input type="image">
input type屬性
input type 常用標(biāo)簽之表單標(biāo)簽

• 在input里，name作用

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

• <button>提交</button>、<a class="btn href="#">提交</a>、<input type="submit" value="提交">三者有什么區(qū)別？

1. 第一個(gè)是提交按鈕，后續(xù)用于綁定JS事件使用；第二個(gè)是在當(dāng)前頁(yè)面有個(gè)提交按鈕的鏈接，點(diǎn)擊不會(huì)有提交的效果；第三個(gè)是用來(lái)提交表單數(shù)據(jù)。

• radio如何分組？
  當(dāng)name相同時(shí)，分成一組。
• placeholder屬性有什么作用？
  提供可描述輸入字段預(yù)期值的提示信息
• type=hidden隱藏域有什么作用？舉例說(shuō)明

1. 隱藏域在頁(yè)面中是不可見(jiàn)的，在表單中插入隱藏域的目的在于收集或發(fā)送信息，以利于被處理表單的程序使用。瀏覽者單機(jī)發(fā)送按鈕發(fā)送表單時(shí)，隱藏域的信息也被一起發(fā)送到服務(wù)器。
2. 當(dāng)form中有多個(gè)提交按鈕時(shí)，可以在每個(gè)按鈕上寫(xiě)一個(gè)隱藏域，使程序能夠分清楚到底用戶是按那個(gè)按鈕提交的。
3. 當(dāng)一個(gè)網(wǎng)頁(yè)有多個(gè)form時(shí)，由于不能同時(shí)提交，但這些form又互相作用時(shí)，可在form中添加隱藏域使他們聯(lián)系起來(lái)。
4. js不支持全局變量，當(dāng)必須使用全局變量時(shí)可先把值存在隱藏域中，使之不丟失。

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

1. get是默認(rèn)的，數(shù)據(jù)提交方式不同，get提交的數(shù)據(jù)url可以看到，post看不到；
2. get一般用于提交少量數(shù)據(jù)，post用于提交大量數(shù)據(jù)；
3. get最多提交1K數(shù)據(jù)，受瀏覽器的限制，post理論上不受限制，但是受服務(wù)器的限制；
4. get提交的數(shù)據(jù)保存在瀏覽器歷史記錄中，安全性不好
5. get是從服務(wù)器上獲取數(shù)據(jù),post是向服務(wù)器傳送數(shù)據(jù);
6. get是將表單中的數(shù)據(jù)按照variable=value的形式,添加到action所指向的URL后面,并且將兩者使用”?”連接,而各個(gè)變量用”&”連接;post則是將表單中的數(shù)據(jù)放在form的數(shù)據(jù)體中,按照變量和值相對(duì)應(yīng)的方式,傳遞至action所指向的URL.
7. get是不安全的,post則相對(duì)比較安全;
8. get傳輸?shù)臄?shù)據(jù)量小,這主要是因?yàn)槭躑RL長(zhǎng)度限制;而post支持整個(gè)ISO10646字符集;
9. get是form的默認(rèn)方法
   Get與Post的區(qū)別

get&post.jpg

在input里，name 有什么作用？

name 屬性規(guī)定 input 元素的名稱。
name 屬性用于對(duì)提交到服務(wù)器后的表單數(shù)據(jù)進(jìn)行標(biāo)識(shí)，或者在客戶端通過(guò) JavaScript 引用表單數(shù)據(jù)。
注釋：只有設(shè)置了 name 屬性的表單元素才能在提交表單時(shí)傳遞它們的值。
name屬性主要是用于對(duì)提交服務(wù)器的表單數(shù)據(jù)進(jìn)行標(biāo)識(shí),我個(gè)人理解應(yīng)該是為了方便服務(wù)器取值.name屬性如果不取值,那么服務(wù)器在取值時(shí)無(wú)法識(shí)別.
Id與Name的區(qū)別

radio 如何 分組?

• name屬性取值一致,表示為一組,value分別設(shè)值.

placeholder 屬性有什么作用?

• placeholder屬性主要是規(guī)定幫助用戶填入輸入字段的提示,即輸入字段的默認(rèn)顯示值.

type=hidden隱藏域有什么作用? 舉例說(shuō)明

• 表單隱藏域

隱藏域是用來(lái)收集或發(fā)送信息的不可見(jiàn)元素，對(duì)于網(wǎng)頁(yè)的訪問(wèn)者來(lái)說(shuō)，隱藏域是看不見(jiàn)的。當(dāng)表單被提交時(shí)，隱藏域就會(huì)將信息用你設(shè)置時(shí)定義的名稱和值發(fā)送到服務(wù)器上。

代碼格式：<input tyoe="hidden" name=" .." value="..">

屬性解釋：type=”hidden”定義隱藏域；
name屬性定義隱藏域的名稱，要保證數(shù)據(jù)的準(zhǔn)確采集，必須定義一個(gè)獨(dú)一無(wú)二的名稱；

value屬性定義隱藏域的值

• 隱藏域的使用

隱藏域的使用，就是從表中取值ＩＤ值，或者別的變量值，但在頁(yè)面中不顯示，然后經(jīng)過(guò)的遞交到新一頁(yè)，通過(guò)request.form(“隱藏域名的name”)取出值。

舉例說(shuō)明：

1. <input type=hidden name=coun value=<%=cc%>>這里的隱藏域名為coun，值為<%=cc%>，假設(shè)前面cc=100的話，即值為100；
2. 遞交表單到新頁(yè)面xx.asp；
3. 在xx.asp頁(yè)中，使用request.write request.form(“coun”)，則在頁(yè)面中顯示的值就是100

簡(jiǎn)單來(lái)說(shuō)就是：想要提取上一頁(yè)的某些信息，但在上一頁(yè)又不能顯示的這些東西就采用藏域。

• 隱藏域的作用

1. 隱藏域在頁(yè)面中對(duì)于用戶是不可見(jiàn)的，在表單中插入隱藏域的目的在于收集或發(fā)送信息，以利于被處理表單的程序所使用。瀏覽者單擊發(fā)送按鈕發(fā)送表單的時(shí)候，隱藏域的信息也被一起發(fā)送到服務(wù)器。

2. 有些時(shí)候我們要給用戶一信息，讓他在提交表單時(shí)提交上來(lái)以確定用戶身份，如sessionkey，等等．當(dāng)然這些東西也能用cookie實(shí)現(xiàn)，但使用隱藏域就簡(jiǎn)單的多了．而且不會(huì)有瀏覽器不支持，用戶禁用cookie的煩惱。
3. 有些時(shí)候一個(gè)form里有多個(gè)提交按鈕，怎樣使程序能夠分清楚到底用戶是按那一個(gè)按鈕提交上來(lái)的呢？我們就可以寫(xiě)一個(gè)隱藏域，然后在每一個(gè)按鈕處加上onclick=”document.form.command.value=”xx”“然后我們接到數(shù)據(jù)后先檢查command的值就會(huì)知道用戶是按的那個(gè)按鈕提交上來(lái)的。
4. 有時(shí)候一個(gè)網(wǎng)頁(yè)中有多個(gè)form，我們知道多個(gè)form是不能同時(shí)提交的，但有時(shí)這些form確實(shí)相互作用，我們就可以在form中添加隱藏域來(lái)使它們聯(lián)系起來(lái)。
5. javascript不支持全局變量，但有時(shí)我們必須用全局變量，我們就可以把值先存在隱藏域里，它的值就不會(huì)丟失了。
6.  還有個(gè)例子，比如按一個(gè)按鈕彈出四個(gè)小窗口，當(dāng)點(diǎn)擊其中的一個(gè)小窗口時(shí)其他三個(gè)自動(dòng)關(guān)閉．可是IE不支持小窗口相互調(diào)用，所以只有在父窗口寫(xiě)個(gè)隱藏域，當(dāng)小窗口看到那個(gè)隱藏域的值是close時(shí)就自己關(guān)掉。