表單的作用，常用的input屬性
| type | 作用 |
|---|---|
| checkbox | 復(fù)選框，通過name來分組，通過value提供值 |
| radio | 單選框，通過name來分組，通過value提供值 |
| button | 可點(diǎn)擊按鈕 |
| hidden | 隱藏的輸入字段 |
| image | 圖像形式的提交按鈕 |
| file | 輸入字段和“瀏覽”按鈕，供文件上傳 |
| password | 密碼字段，輸入時(shí)自動(dòng)變?yōu)?號(hào) |
| reset | 重置按鈕，會(huì)清空表單中所有數(shù)據(jù) |
| submit | 提交按鈕，會(huì)將表單中的數(shù)據(jù)發(fā)送到服務(wù)器 |
| text | 單行的輸入字段，可在其中輸入文本，默認(rèn)20個(gè)字符寬度 |
還可以用下拉菜單——select。如下。
它將形成一個(gè)下拉菜單，通過value提供值。
<select name="beans">
<option valve="a">A</option>
<option valve="b">B</option>
<option valve="c">C</option>
<option valve="d">D</option>
</select>
當(dāng)需要輸入大段文字時(shí)。可以用textarea。
<textarea name="article">
</textarea>
我們可以通過CSS設(shè)置它的大小、是否可拖動(dòng)、內(nèi)部padding等屬性。
post和get方式的區(qū)別
** get **是將要上傳的參數(shù)列隊(duì)加到提交表單的action屬性所指的URL中，其中的值和表單內(nèi)各個(gè)字段一一對(duì)應(yīng)，在URL中可以看到。
** post **是通過HTTP post機(jī)制，將表單內(nèi)各個(gè)字段與內(nèi)容放置在HTML HEADER內(nèi)一起傳送到action屬性所指的URL中，在URL中用戶看不到其中的值。
在input里，name有什么作用
當(dāng)input屬性或者select和textarea中沒有name屬性時(shí)。提交表單的時(shí)候這個(gè)沒有name的值將不會(huì)提交。
并且，checkbox和radio都會(huì)通過name來分組。相同的name值將劃分為同一組，不同的name值將劃分為不同的值。
radio如何分組
radio通過name分組。
placeholder屬性有什么作用
在文本輸入框中預(yù)先顯示內(nèi)容。如
<textarea name="Comments" rows="10" cols="50" placeholder="STH"></textarea>
在上面代碼顯示出來的文本框中。將顯示"STH"文字。當(dāng)用戶點(diǎn)擊文本框且輸入內(nèi)容時(shí)，"STH"將消失，并且"STH"并不會(huì)在提交表單時(shí)傳輸給后臺(tái)，即便用戶沒有在文本框中輸入任何內(nèi)容。
type=hidden隱藏域有什么作用
- 暫存一些值。
- 安全，在提交后，后端可以通過hidden中的的value在校驗(yàn)用戶發(fā)來的數(shù)據(jù)是否是被允許的。
