1、form表單的作用
用于接收不同類型的用戶輸入，用戶提交表單時向服務(wù)器傳輸數(shù)據(jù)，從而實現(xiàn)用戶與Web服務(wù)器的交互。

2、form表單屬性
action=url一般指向服務(wù)器端一個程序,程序接收到表單提交過來的數(shù)據(jù)（即表單元素值）作相應(yīng)處理。
method=get和post。是指提交表單的方法。get方式主要用來向后臺請求數(shù)據(jù)，而post常用來向后臺上傳數(shù)據(jù)。get方式是通過拼接URL方式上傳數(shù)據(jù)，因地址欄長度有限，所以過大的數(shù)據(jù)會丟失；post方式URL沒有變化，數(shù)據(jù)仍會通過瀏覽器傳輸給后臺，可傳輸?shù)臄?shù)據(jù)量更大。post的安全性要比get高。

3、表單元素
1.單行文本框<input type="text"/>
<input type = “text” name=“名稱”/>
2.密碼框<input type="password"/>及placeholder屬性
<input type=“password” name=“名稱”/>

placeholder的用法.jpg

3.單選按鈕<input type="radio"/>
使用name相同的一組單選按鈕，不同radio設(shè)定不同的value值。

radio用法.jpg

使用復(fù)選按鈕組，即name相同的一組復(fù)選按鈕，復(fù)選按鈕表單元素的元素值由value屬性顯式設(shè)置。

CheckBox.jpg

5.隱藏域<input type="hidden"/>
隱藏域通常用于向服務(wù)器提交不需要顯示給用戶的信息。
<input type=“hidden” name=“隱藏域”/>
6.文件上傳<input type="file"/>
<input name="File" name="MydFile" accept="image/jpg">
7.下拉框<select>標(biāo)簽
<select>標(biāo)記創(chuàng)建一個列表框,<option>標(biāo)記創(chuàng)建一個列表項,<select>與嵌套的<option>一起使用，共同提供在一組選項中進(jìn)行選擇的方式。

下拉框標(biāo)簽.jpg

textare多行文本.jpg

9.<label></label>標(biāo)簽
在<input type=“text”>前可以寫普通的文本來修飾，但是單擊修飾文本的時候input并不會得到焦點，而用label則可以，for屬性指定要修飾的控件的id
10.提交按鈕<input type="submit"/>
當(dāng)用戶單擊<inputt type="submit"/>的提交按鈕時，表單數(shù)據(jù)會提交給<form>標(biāo)簽的action屬性所指定的服務(wù)器處理程序。中文IE下默認(rèn)按鈕文本為“提交查詢”，可以設(shè)置value屬性修改按鈕的顯示文本。 <input type="submit" value="提交"/>
11.重置按鈕<input type="reset"/>
當(dāng)用戶單擊<input type="reset"/>按鈕時，表單中的值被重置為初始值。在用戶提交表單時，重置按鈕的name和value不會提交給服務(wù)器。<input type=“reset” value=“重置按鈕"/>
附input類型：

image.png