表單在網(wǎng)頁(yè)中主要負(fù)責(zé)數(shù)據(jù)采集功能蚁鳖。可以將form標(biāo)簽內(nèi)的內(nèi)容提交到服務(wù)器赁炎。
標(biāo)簽屬性：<form action="url" method="get/post"></form>
action=url 數(shù)據(jù)提交到后臺(tái)的地址醉箕。
method=get或post钾腺。指明提交表單的HTTP方法。get方式主要用來(lái)向后臺(tái)請(qǐng)求數(shù)據(jù)讥裤，而post常用來(lái)向后臺(tái)上傳數(shù)據(jù)放棒。
常見(jiàn)的input標(biāo)簽有：
text 單行文本框 ：
用于對(duì)文本域進(jìn)行文本的輸入
password 密碼框：
用戶進(jìn)行密碼的輸入，隱藏輸入內(nèi)容
checkbox 多選組件：
用戶進(jìn)行復(fù)選按鈕操作加上checked時(shí)會(huì)默認(rèn)選中
radio 單選組件：
用戶進(jìn)行單選按鈕操作己英，當(dāng)name相同時(shí)為同一組單選按鈕
file 上傳文件：
用戶上傳文件间螟，可以設(shè)置上傳的格式
submit 提交數(shù)據(jù)按鈕：
創(chuàng)建一個(gè)可以提交表單的按鈕，submit只要出現(xiàn)就可以對(duì)所在頁(yè)面的表單信息進(jìn)行提交损肛，當(dāng)然也可以直接做一個(gè)<button>提交</button>,這樣的提交按鈕只要在表單中即可實(shí)現(xiàn)提交的效果
bottom 普通按鈕：
創(chuàng)建一個(gè)可以按的按鈕厢破，但是如果不進(jìn)行JS控制，按鈕無(wú)效果
reset 重置按鈕：
創(chuàng)建一個(gè)重置表單信息的按鈕治拿，點(diǎn)擊會(huì)重置所有填寫的信息
hidden隱藏：
設(shè)置數(shù)據(jù)為隱藏摩泪，用戶看不到，可以提高表單信息的安全性
textarea多行輸入框：
用戶在多行文本框中進(jìn)行輸入劫谅，輸入框可以任意伸縮见坑，可以用CSS對(duì)多行文本框進(jìn)行控制
label標(biāo)簽可以綁定相應(yīng)的input標(biāo)簽，給予說(shuō)明捏检，