html表單用途
html用于收集用戶的輸入向服務(wù)端提交數(shù)據(jù)，從而實(shí)現(xiàn)用戶與web端的交互
html表單的屬性
1.action：規(guī)定當(dāng)提交表單時(shí)逗堵，向何處發(fā)送表單數(shù)據(jù)。
2.method：用于傳輸表單的方法眷昆。常用get/post
method：該屬性定義瀏覽器將表單中的數(shù)據(jù)提交給服務(wù)器處理程序的方式蜒秤。關(guān)于method的取值汁咏，最常用的是get和post。第一作媚，使用get方式提交表單數(shù)據(jù)攘滩，Web瀏覽器會(huì)將各表單字段元素及其數(shù)據(jù)按照URL參數(shù)格式附在<form>標(biāo)簽的action屬性所指定的URL地址后面發(fā)送給Web服務(wù)器；由于URL的長度限制纸泡，使用get方式傳送的數(shù)據(jù)量一般限制在1KB以下漂问。第二，使用post方式女揭，瀏覽器會(huì)將表單數(shù)據(jù)作為HTTP請(qǐng)求體的一部分發(fā)送給服務(wù)器蚤假。一般來說，使用post方式傳送的數(shù)據(jù)量要比get方式傳遞的數(shù)據(jù)量大吧兔；根據(jù)HTML標(biāo)準(zhǔn)磷仰，如果處理表單的服務(wù)器程序不會(huì)改變服務(wù)器上存儲(chǔ)的數(shù)據(jù)，則應(yīng)采用get方式（比如查詢）境蔼，如果表單處理的結(jié)果會(huì)引起服務(wù)器上存儲(chǔ)的數(shù)據(jù)的變化灶平，則應(yīng)該采用post方式（比如增刪改操作）。第三箍土，其它方式（Head逢享、PUT、DELETE吴藻、TRACE 或 OPTIONS等）瞒爬。其實(shí)，最初HTTP標(biāo)準(zhǔn)對(duì)各種操作都規(guī)定了相應(yīng)的method调缨，但后來很多都沒有被遵守疮鲫，大部分情況只是使用get或post就OK吆你。
3.target:該屬性指定在何處打開action指定的url返回的結(jié)果
_blank在新窗口重打開
_self 在默認(rèn)值 在本窗口打開
_parent 在父框架中打開
_top在整個(gè)框架中打開
_framename在指定的框架中打開
4.title：設(shè)置網(wǎng)站訪問者的鼠標(biāo)放在表單上的任意位置停留時(shí)弦叶，瀏覽器用小浮標(biāo)顯示的文本。
5.enctype:規(guī)定表單的編碼方式
表單元素
1.單行文本框<input type="text"/>（input 的type 屬性的默認(rèn)值就是"text"）
<input type = “text” name=“名稱”/>
以下是單行文本框的主要屬性：
size：指定文本框的寬度妇多，以字符個(gè)數(shù)為單位伤哺；在大多數(shù)瀏覽器中，文本框的缺省寬度是20個(gè)字符者祖。
value：指定文本框的默認(rèn)值立莉，是在瀏覽器第一次顯示表單或者用戶單擊<input type="reset"/>按鈕之后在文本框中顯示的值。
maxlength：指定用戶輸入的最大字符長度七问。
readonly：只讀屬性蜓耻，當(dāng)設(shè)置readonly屬性后，文本框可以獲得焦點(diǎn)械巡，但用戶不能改變文本框中的value刹淌。
disabled：禁用饶氏，當(dāng)文本框被禁用時(shí)，不能獲得焦點(diǎn)有勾，當(dāng)然疹启，用戶也不能改變文本框的值。并且在提交表單時(shí)蔼卡，瀏覽器不會(huì)將該文本框的值發(fā)送給服務(wù)器喊崖。
2.密碼框<input type="password"/>
<input type=“password” name=“名稱”/>
3.單選按鈕<input type="radio"/>
使用方式：使用name相同的一組單選按鈕，不同radio設(shè)定不同的value值雇逞，這樣通過取指定name的值就可以知道誰被選中了荤懂，不用單獨(dú)的判斷。單選按鈕的元素值由value屬性顯式設(shè)置塘砸，表單提交時(shí)势誊，選中項(xiàng)的value和name被打包發(fā)送，不顯式設(shè)置value谣蠢。
<input type=“radio” name=“gender” value=“male”/>
<input type=“radio” name=“gender” value=“female”/>
4.復(fù)選框<input type="checkbox"/>
使用復(fù)選按鈕組粟耻，即name相同的一組復(fù)選按鈕，復(fù)選按鈕表單元素的元素值由value屬性顯式設(shè)置眉踱，表達(dá)提交時(shí)挤忙，所有選中項(xiàng)的value和name被打包發(fā)送
不顯式設(shè)置value。復(fù)選框的checked屬性表示是否被選中谈喳，<input type="checkbox" checked />或者<input type="checkbox" checked="checked" />(推薦)checked册烈、readonly等這種一個(gè)可選值的屬性都可以省略屬性值。
<input type =“checkbox” name=“l(fā)anguage” value=“Java”/>
<input type =“checkbox” name=“l(fā)anguage” value=“C”/>
<input type =“checkbox” name=“l(fā)anguage” value=“C#”/>
5.隱藏域<input type="hidden"/>
隱藏域通常用于向服務(wù)器提交不需要顯示給用戶的信息婿禽。
<input type=“hidden” name=“隱藏域”/>
6.文件上傳<input type="file"/>
使用file赏僧，則form的enctype必須設(shè)置為multipart/form-data，method屬性為POST扭倾。
<input name="uploadedFile" id="uploadedFile" type="file" size="60" accept="text/*"/>
7.下拉框<select>標(biāo)簽
<select>標(biāo)記創(chuàng)建一個(gè)列表框,<option>標(biāo)記創(chuàng)建一個(gè)列表項(xiàng),<select>與嵌套的<option>一起使用淀零，共同提供在一組選項(xiàng)中進(jìn)行選擇的方式。
將一個(gè)option設(shè)置為選中：<option selected>北京</option>或者<option selected="selected">北京</option>
8.多行文本<textarea></textarea>
多行文本<textarea>創(chuàng)建一個(gè)可輸入多行文本的文本框,<textarea>沒有value屬性,<textarea>文本</textarea>膛壹，cols=“50”驾中、rows=“15”屬性表示行數(shù)和列數(shù),不指定則瀏覽器采取默認(rèn)顯示。
9.<label></label>標(biāo)簽
在<input type=“text”>前可以寫普通的文本來修飾模聋，但是單擊修飾文本的時(shí)候input并不會(huì)得到焦點(diǎn)肩民，而用label則可以，for屬性指定要修飾的控件的id
10.<fieldset></fieldset>標(biāo)簽
fieldset標(biāo)簽將控件劃分一個(gè)區(qū)域链方，看起來更規(guī)整持痰。
1 <fieldset>
2 <legend>愛好</legend>
3 <input type="checkbox" value="籃球" />
4 <input type="checkbox" value="爬山" />
5 <input type="checkbox" value="閱讀" />
6 </fieldset>
11.提交按鈕<input type="submit"/>
當(dāng)用戶單擊<inputt type="submit"/>的提交按鈕時(shí)，表單數(shù)據(jù)會(huì)提交給<form>標(biāo)簽的action屬性所指定的服務(wù)器處理程序祟蚀。中文IE下默認(rèn)按鈕文本為“提交查詢”工窍，可以設(shè)置value屬性修改按鈕的顯示文本占调。
<input type="submit" value="提交"/>
12.重置按鈕<input type="reset"/>
當(dāng)用戶單擊<input type="reset"/>按鈕時(shí)，表單中的值被重置為初始值移剪。在用戶提交表單時(shí)究珊，重置按鈕的name和value不會(huì)提交給服務(wù)器。
<input type=“reset” value=“重置按鈕"/>
13.普通按鈕<input type="button"/>
普通按鈕通常用于單擊執(zhí)行一段腳本代碼纵苛。
<input type="button" value="普通按鈕"/>
14.圖像按鈕<input type="image"/>
圖像按鈕的src屬性指定圖像源文件剿涮，它沒有value屬性。圖像按鈕可代替<input type="submit"/>攻人，而現(xiàn)在也可以通過css直接將<input type="submit"/>按鈕的外觀設(shè)置為一幅圖片取试。
<input type="image" src="bg.jpg" />
