HTML 表單指的是<form>標(biāo)簽包含的內(nèi)容晓殊，MDN 定義如下：
HTML
<form>元素表示了文檔中的一個(gè)區(qū)域，這個(gè)區(qū)域包含有交互控制元件，用來(lái)向web服務(wù)器提交信息
form
屬性：
- action：提交表單的地址
- method：提交表單的方式，分為 get 和 post
post / get 的區(qū)別：
post 比 get 安全挎塌，沒(méi)有大小限制 - enctype：編碼方式，當(dāng) method 為 post 時(shí)内边，enctype 是提交 form 給服務(wù)器內(nèi)容的 MIME 類型
application/x-www-form-urlencoded：默認(rèn)值
multipart/form-data：用于 type 為 file 的 input 元素
text/plain：H5
<form>中包含的元素：
1.label
標(biāo)簽榴都，一般放置于其他表單元素前面
<label for="name">姓名</label>
<input id="name">
屬性：
for的作用在于input的獲焦，設(shè)置的值需于input的id一致
2.input
輸入框的type類型有多種：
- text：默認(rèn)類型漠其，文本輸入
<input type="text">
- checkbox：多選框嘴高，允許用戶選擇多個(gè)選項(xiàng)
<input type="checkbox" name="hobby" value="read">閱讀
<!-- checked 默認(rèn)選中 -->
<input type="checkbox" name="hobby" value="travel" checked>旅游
- radio：?jiǎn)芜x框竿音，互斥的選項(xiàng)需設(shè)置同一個(gè)
name
<input type="radio" name="sex" value="male">男
<input type="radio" name="sex" value="female">女
- submit：提交表單
<input type="submit" value="提交">
- reset：清空表單
<input type="reset" value="重置">
- hidden：不顯示在頁(yè)面上，但其值會(huì)被提交到服務(wù)器
<input type="hidden" name="country" value="China">
- 還有 HTML5 新增的
color拴驮、email谍失、color、range莹汤、time、number等等
3.textarea
文本域颠印，多行輸入纲岭，可拉伸縮小
<!-- cols 列數(shù)，rows 行數(shù) -->
<textarea cols="30" rows="10"></textarea>
4.select
下拉菜單
<select name="city">
<option value="shanghai">上海</option>
<option value="wuhan">武漢</option>
<!-- selected 默認(rèn)選中 -->
<option value="shenzhen" selected>深圳</option>
</select>
