html表單是一個包含表單元素的區(qū)域,用來收集用戶輸入的內(nèi)容并提交,表單使用<form>標簽設(shè)置柜思。
1.表單屬性
action:規(guī)定當提交表單時,向何處發(fā)送表單數(shù)據(jù)巷燥,表單提交的地址赡盘。
method:定義瀏覽器將表單中的數(shù)據(jù)提交給服務(wù)器處理程序的方式,有g(shù)et和post兩種缰揪。
name:表單名稱陨享,name屬性是和服務(wù)器通信時使用的名稱。
get和post區(qū)別
get方法會把數(shù)據(jù)組裝钝腺,連接在url上傳送到后臺霉咨,post 方法url不會變,但數(shù)據(jù)會傳送到后天拍屑,post方法要比get方法安全性高途戒;get提交的數(shù)據(jù)有限,post沒有限制僵驰。
2.表單元素
- 單行文本框<input type="text">
<input type = "text" name="名稱" />
- 單選框<input type="radio">
<input type="radio" name="sex" value="" />
<input type="radio" name="sex" value="" />
- 復(fù)選框<input type="checkbox">
<input type ="checkbox" name="hobby" value="" />
<input type ="checkbox" name="hobby" value="" />
<input type ="checkbox" name="hobby" value="" />
- 上傳文件<input type="file">
<input type="file" name="myfile" accept="image/png">
- 提交<input type="submit">
<input type="submit" value="Submit" /> 提交
- 隱藏域<input type="hidden">
<input type="hidden" name="csrf" value="12345623fafdffdd">
- 重置按鈕<input type="reset">
<input type="reset" value="Reset" /> 重置
- 下拉框<select></select>
<select name="city">
<option value="beijing">北京</option>
<option value="shanghai" selected>上海</option>
<option value="hangzhou">杭州</option>
</select>
- 多行文本<textarea></textarea>
<textarea name="article">
</textarea>