簡(jiǎn)介
HTML表單是一個(gè)包含表單元素的區(qū)域,用來(lái)收集用戶輸入的內(nèi)容并提交。<form>的常用屬性:
- action :表單提交的地址
- method :提交表單的方法,有g(shù)et和post兩種。
常用表單元素
- 單選框,相同name為一組
<form action="/getInfo" method="get">
<input type="radio" name="width" value="70"> 70
<input type="radio" name="width" value="80"> 80
</form>
- 復(fù)選框,可通過(guò)checked屬性默認(rèn)選中
<form action="/getInfo" method="get">
<input type="checkbox" name="width" value="70"> 70
<input type="checkbox" name="width" value="80"> 80
</form>
- 文本框,包括單行文本和多行文本
<form action="/getInfo" method="get">
<input type="text">
<textarea></textarea>
</form>
- 密碼框
<form action="/getInfo" method="get">
<input type="password">
</form>
- 文件上傳
<form action="/getInfo" method="get">
<input type="file">
</form>
- 下拉框
<form action="/getInfo" method="get">
<select>
<option value="beijing">北京</option>
<option value="shanghai" selected>上海</option>
<option value="hangzhou">杭州</option>
</select>
</form>
- 按鈕
<form action="/getInfo" method="get">
<input type="buttom" value="按鈕">
<input type="submit" value="提交">
<input type="reset" value="重置">
</form>