<form> 標(biāo)簽用于為用戶輸入創(chuàng)建 HTML 表單。
- 表單能夠包含 input 元素，比如文本字段、復(fù)選框、單選框、提交按鈕等等。
- 表單還可以包含 menus、textarea、fieldset、legend 和 label 元素。
- 表單用于向服務(wù)器傳輸數(shù)據(jù)。
常見的表單元素
- type="text"，用于對(duì)文本域進(jìn)行文本的輸入
<input type="text" name="firstname">
- type="password",用戶進(jìn)行密碼的輸入，隱藏輸入內(nèi)容
<input type="password" name="password">
- type="checkbox",用戶進(jìn)行復(fù)選按鈕操作加上checked時(shí)會(huì)默認(rèn)選中
<input type="checkbox" name="Bike">
- type="radio",用戶進(jìn)行單選按鈕操作，當(dāng)name相同時(shí)為同一組單選按鈕
男性：<input type="radio" checked="checked" name="Sex" value="male" />
女性：<input type="radio" name="Sex" value="female" />
- type="select"用戶進(jìn)行下拉列表操作，加上selected時(shí)為默認(rèn)選中一項(xiàng)
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
- type="textarea"用戶在多行文本框中進(jìn)行輸入，輸入框可以任意伸縮，可以用CSS對(duì)多行文本框進(jìn)行控制
<textarea rows="10" cols="30">
- type="button"創(chuàng)建一個(gè)可以按的按鈕，但是如果不進(jìn)行JS控制，按鈕無(wú)效果
<input type="button" value="post">
- type="submit"創(chuàng)建一個(gè)可以提交表單的按鈕，submit只要出現(xiàn)就可以對(duì)所在頁(yè)面的表單信息進(jìn)行提交，當(dāng)然也可以直接做一個(gè)<button>提交</button>,這樣的提交按鈕只要在表單中即可實(shí)現(xiàn)提交的效果
<input type="submit" value="post">
- fieldset在周圍的框中加入數(shù)據(jù)
<fieldset>
<legend>健康信息</legend>
身高：<input type="text" />
體重：<input type="text" />
</fieldset>
- type="reset"創(chuàng)建一個(gè)重置表單信息的按鈕，點(diǎn)擊會(huì)重置所有填寫的信息
<input type="reset" value="1">
- type="hidden"設(shè)置數(shù)據(jù)為隱藏，用戶看不到，可以提高表單信息的安全性
<input name="csrf_token" type="hidden" value="a23dafd23444" />
- type="file"用戶文件上傳，可以設(shè)置規(guī)定格式
<input type="file" name="file1">
