表單就是用來(lái)收集用戶信息的

如果一個(gè)頁(yè)面有多個(gè)表單歉摧，可通過設(shè)置name屬性區(qū)分

格式：

? ? ? ? <form? action="服務(wù)器地址" method="post/get" >? ? ??

? ? ? ? ? ? ? ? ? ? <表單元素>

????? ? </form>
如果表單中有文件需要上傳必須添加enctype屬性腔呜，指定值為“multipart/form-data”用于文件轉(zhuǎn)碼

注意：在表單中用name屬性來(lái)指定哪些標(biāo)簽的數(shù)據(jù)需要提交

表單元素：

1、? input標(biāo)簽的type取值（除按鈕標(biāo)簽外核畴，其他標(biāo)簽都可以通過value屬性來(lái)指定提交到服務(wù)器的數(shù)據(jù)）

? ? ? ? ? ? ? 單選框(radio)
? ? ? ? ? ? ? ? ? ? 單選按鈕，天生是不互斥的谤草，如果想互斥，必須要有相同的name屬性

? ? ? ? ? ? ? 多選框(checkbox)
? ? ? ? ? ? ? ? ? ? 復(fù)選框丑孩，最好也是有相同的name（雖然他不需要互斥灭贷，但是也要有相同的name）

? ? ? ? ? ? ? 按鈕
? ? ? ? ? ? ? ? ? ? ? button温学、reset甚疟、submit、image（也屬于提交類按鈕）

? 2览妖、label標(biāo)簽

? ? ? ? ? ? ? ? 平常我們?cè)谔顚懕砀駮r(shí)，點(diǎn)擊一下文字黄痪，相應(yīng)的文本框就會(huì)聚焦，但是文本框和文字是沒有關(guān)聯(lián)關(guān)系的桅打，如果想讓他們綁定起來(lái)就要用到label標(biāo)簽

? ? ? ? ? ? ? ? ? 格式：

? ? ? ? ? ? ? ? ? ? 1、給文本框添加id屬性

? ? ? ? ? ? ? ? ? ? 2挺尾、用label標(biāo)簽包括相應(yīng)的文字

? ? ? ? ? ? ? ? ? ? 3、label有一個(gè)屬性for遭铺，在for里面填寫要綁定的標(biāo)簽到id值即可

? ? ? ? ? ? ? ? ? ? 如：<!--給文本框添加綁定-->

? ? ? ? ? ? ? ? ? ? ? ? ? ? <label for="account">賬號(hào):</label>

? ? ? ? ? ? ? ? ? ? ? ? ? ? <input type="text" id="account" />

3、datalist標(biāo)簽

? ? ? ? ? ? ? ? ? ? 作用: 給輸入框綁定待選項(xiàng)

? ? ? ? ? ? ? ? ? ? 格式：

? ? ? ? ? ? ? ? ? ? ? ? ? ? <datalist>

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <option>待選項(xiàng)內(nèi)容</option>

? ? ? ? ? ? ? ? ? ? ? ? ? ? </datalist>

? ? ? ? ? ? ? ? ? ? ? 例如：

請(qǐng)輸入你的車型: <input type="text" list="cars">

<datalist id="cars">

? ? <option>奔馳</option>

? ? <option>寶馬</option>

? ? <option>奧迪</option>

? ? <option>路虎</option>

? ? <option>賓利</option>

</datalist>

4魂挂、下拉列表（select）
? ??????????????????用于創(chuàng)建表單中的待選列表, 可以從選擇某一個(gè)帶選項(xiàng)海淀區(qū)昌平區(qū)朝陽(yáng)區(qū)天河區(qū)白云區(qū)貴州
? ? ? ? ? ? ? ? ? ? ?使用optgroup給下拉列表添加分組
? ? ? ? ? ? ? ? ? ? ? ? ? ?選擇籍貫
<select>

? ? ? ?<optgroup label="北京市">? ? ? ? ?
? ? ? ? ? ? ? ? ? ? <option selected>海淀區(qū)</option>
? ? ? ? ? ? ? ? ? ? ?<option>昌平區(qū)</option>
? ? ? ? ? ? ? ? ? ? <option>朝陽(yáng)區(qū)</option>
? ? ? </optgroup>

? ? ? <optgroup label="廣州市">
? ? ? ? ? ? ? ? ? ? <option>天河區(qū)</option>
? ? ? ? ? ? ? ? ? ? <option>白云區(qū)</option>
? ? ? ?</optgroup>

</select>

可以設(shè)置multiple="multiple"將單選變?yōu)榭啥噙x（需按住ctrl鍵）

5、button標(biāo)簽

請(qǐng)始終為按鈕規(guī)定 type 屬性坠非。Internet Explorer 的默認(rèn)類型是 “button”，而其他瀏覽器中（包括?W3C?規(guī)范）的默認(rèn)值是 “submit”炎码。

type的取值：submit盟迟、reset潦闲、button
例如:<button type="reset">重置</button>

6、給表單元素外圍添加邊框：
<form>
????????<fieldset>? ? <!--fieldset 元素可將表單內(nèi)的相關(guān)元素分組歉闰。-->
? ? ? ? ????????<legend>health information</legend><!--該標(biāo)簽可以 為fieldset 元素定義標(biāo)題。-->
? ? ? ? ????????用戶名:<input type="text" />
????????????????密碼:<input type="text" />
????????</fieldset>
</form>