form主要用于采集和提交用戶輸入的信息并向服務(wù)器傳輸數(shù)據(jù)。
例如一個(gè)簡(jiǎn)單的用戶登錄例子如下：

   <form action="/" method="post">
    <div>
        <label for="name">姓名：</label>
        <input type="text" id="name">
    </div>
    <div>
        <label for="password">密碼：</label>
        <input type="password" id="password">
    </div>
<input type="submit">
</form>

表單主要有控件和屬性這兩個(gè)要素組成。
表單的屬性如下和用法如下：

屬性|值|作用
-|-|
accept-charset|MIME_type|用于規(guī)定服務(wù)器可處理的表單數(shù)據(jù)字符集。
action|URL|用于規(guī)定當(dāng)提交表單時(shí)向何處發(fā)送表單數(shù)據(jù)。
autocomplete|on/off|規(guī)定是否啟用表單的自動(dòng)完成功能。
enctype|1.application/x-www-form-urlencoded 2.multipart/form-data 3.text/plain|規(guī)定在發(fā)送表單數(shù)據(jù)之前如何對(duì)其進(jìn)行編碼。
method|get/post|規(guī)定用于發(fā)送 form-data 的 HTTP 方法。
name|form_name|規(guī)定表單的名稱。
novalidate|novalidate|如果使用該屬性，則提交表單時(shí)不進(jìn)行驗(yàn)證。
target|_blank/_self/_parent/_top/framename|規(guī)定在何處打開 action URL。

表單要包含一些控件，用于收集用戶輸入的數(shù)據(jù)。
表單常用的控件和用法如下：
1.文本域text,用戶可以在文本域?qū)懭胛谋尽?/p>

<form>
   名：<input type="text" name="firstname">
   姓：<input type="text" name="lastname">
</form>

2.密碼域password,用于創(chuàng)建HTML的密碼域。

<form>
    用戶：
    <input type="text" name="user">
    <br />
    密碼：
    <input type="password" name="password">
</form>

3.復(fù)選框checkbox，用戶可以選中或取消選取復(fù)選框,多選

<form>
    旅游：
   <input type="checkbox" name="lvyou">
   寵物：
   <input type="checkbox" name="chongwu">
</form>

4.單選按鈕radio,當(dāng)用戶點(diǎn)擊一個(gè)單選按鈕時(shí)，該按鈕會(huì)變?yōu)檫x中狀態(tài)，其他所有按鈕會(huì)變?yōu)榉沁x中狀態(tài)

<form>
   男性：
   <input type="radio" checked="checked" name="Sex" value="male" />
   <br />
   女性：
   <input type="radio" name="Sex" value="female" />
</form>

name要一致才是同一組。
5.下拉列表，selected="selected"為選中狀態(tài)。

<form>
    <select name="cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="fiat" selected="selected">Fiat</option>
    <option value="audi">Audi</option>
</select>
</form>

6.文本域textarea,用戶可以在文本域中寫入文本。在文本域中，可寫入的字符字?jǐn)?shù)不受限制。

<textarea name="" id="" cols="30" rows="10">
   輸入字符數(shù)不受限制
</textarea>

7.按鈕button,可以對(duì)按鈕上的文字進(jìn)行自定義。

<form>
  <input type="button" value="下一步">
</form>

8.submit，用于提交表單信息，帶有輸入框和提交按鈕的表單如下代碼：

<form action="action_page.php">
   姓名:
   <input type="text" name="fname" >
   密碼:
   <input type="password" name="password" >
   <input type="submit" value="提交">
</form> 

action的值表示向此頁面發(fā)送表單數(shù)據(jù)。