<form> 標(biāo)簽用于為用戶輸入創(chuàng)建 HTML 表單。
表單能夠包含 input 元素，比如文本字段、復(fù)選框、單選框、提交按鈕等等。表單還可以包含 menus、textarea、fieldset、legend 和 label 元素。表單用于向服務(wù)器傳輸數(shù)據(jù)。
<form> 的屬性有：
| 屬性 | 值 | 描述 | 例子 |
|---|---|---|---|
| accept-charset | charset_list | 規(guī)定服務(wù)器可處理的表單數(shù)據(jù)字符集 | accept-charset="ISO-8859-1" |
| action | URL | 規(guī)定當(dāng)提交表單時(shí)向何處發(fā)送表單數(shù)據(jù) | action="form_action.asp" |
| autocomplete | on / off | 規(guī)定是否啟用表單的自動(dòng)完成功能 | autocomplete="on" |
| enctype | 見說明 | 規(guī)定在發(fā)送表單數(shù)據(jù)之前如何對(duì)其進(jìn)行編碼 | enctype="text/plain |
| method | get / post | 規(guī)定用于發(fā)送 form-data 的 HTTP 方法 | method="get" |
| name | form_name | 規(guī)定表單的名稱 | name="myForm" |
| novalidate | novalidate | 如果使用該屬性，則提交表單時(shí)不進(jìn)行驗(yàn)證 | novalidate="novalidate" |
| target | _blank, _self, _parent, _top, framename | 規(guī)定在何處打開 action URL | target="_blank" |
enctype 屬性可能的值：
- application/x-www-form-urlencoded
- multipart/form-data
- text/plain
在 Django 上傳文件需使用 "multipart/form-data"
<form> 實(shí)例
- 文本域(Text fields)
用戶可以在文本域?qū)懭胛谋?/p>
<form>
名：
<input type="text" name="firstname">
<br><br>
姓：
<input type="text" name="lastname">
</form>
- 文本域(Textarea)
可以多行文本輸入
<textarea rows="10" cols="30">
- 密碼域
在密碼域中鍵入字符時(shí)，瀏覽器將使用項(xiàng)目符號(hào)來(lái)代替這些字符
<form>
用戶：
<input type="text" name="user">
<br><br>
密碼：
<input type="password" name="password">
</form>
- 復(fù)選框
可以選擇一個(gè)或多個(gè)選項(xiàng)
<form>
我喜歡自行車：
<input type="checkbox" name="Bike">
<br><br>
我喜歡汽車：
<input type="checkbox" name="Car">
</form>
- 單選按鈕
只能選中其中一個(gè)
<form>
男性：
<input type="radio" checked="checked" name="Sex" value="male" />
<br><br>
女性：
<input type="radio" name="Sex" value="female" />
</form>
- 下拉列表
<form>
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
</form>
- 圍繞式表單
<form>
<fieldset>
<legend>健康信息</legend>
身高：<input type="text" />
體重：<input type="text" />
</fieldset>
</form>
- 提交功能
<form action="action_page.php">
First name:<br>
<input type="text" name="firstname">
<br>
Last name:<br>
<input type="text" name="lastname">
<br><br>
<input type="submit">
</form>
點(diǎn)擊“提交”按鈕，表單中的數(shù)據(jù)會(huì)被發(fā)送到 “action_page.php”
也可以用 HTML 的其他部件來(lái)完成同樣的工作，比如<button>
<form action="action_page.php">
First name:<br>
<input type="text" name="firstname">
<br>
Last name:<br>
<input type="text" name="lastname">
<br><br>
<button type="submit">提交</button>
</form>
