<h6>常用的屬性:</h6>
- action: 表單提交到的地址,點擊submit的提交按鈕碗啄,就會把數(shù)據(jù)提交到action的地址
- method: 提交方式撤逢。
- get
1)提交的數(shù)據(jù)會放到地址欄上面
2 ) get提交的數(shù)據(jù)不超過1kb,只適合簡單的數(shù)據(jù) - post
1)提交的數(shù)據(jù)不會放到地址欄
2)post提交的數(shù)據(jù)沒有限制碘裕。比如文件上傳
<form action="http://localhost:8080/Test/GetData" method="get">
<!-- 單行輸入域:
常用的屬性
value: 該輸入的默認(rèn)值
name: 這個必須填。該name的屬性值用于給后臺程序獲取該標(biāo)簽輸入的內(nèi)容
size: 可以輸入的字符數(shù)量
-->
用戶名:<input type="text" value="4-10位的字母或數(shù)字" name="userName" size="25" /><br/>
<!--h5后有一個新屬性:placeholder(占位符)這樣就不再用value來做提示了-->
<!--密碼輸入域: 以非明文的效果獲取用戶輸入的數(shù)據(jù)。 -->
密碼:<input type="password" name="userPwd" /><br/>
<!-- 單選:
注意:
1)如果是同一組的單選選項就使用相同的name屬性值
2)單選按鈕的value屬性一定填巷蚪。這個value的值就是發(fā)送給后臺程序的內(nèi)容
-->
性別:<input type="radio" name="gender" value="男"/>男<input type="radio" name="gender" value="女"/>女<br/>
<!-- 多選按鈕:
注意:
1)如果是同一組的多選選項就使用相同的name屬性值
2)多選按鈕的value屬性一定填。這個value的值就是發(fā)送給后臺程序的內(nèi)容
-->
愛好:
<input type="checkbox" name="hobit" value="籃球"/>籃球
<input type="checkbox" name="hobit" value="足球"/>足球
<input type="checkbox" name="hobit" value="兵乓球"/>兵乓球<br/>
<!--
下拉選項:
注意:
1)name屬性就是后臺程序獲取的標(biāo)記
2)下拉選項的option標(biāo)簽中的value屬性一定填濒翻。這個value的值就是發(fā)送給后臺程序的內(nèi)容
-->
籍貫:
<select name="jiguan">
<option value="廣東">廣東</option>
<option value="廣西">廣西</option>
<option value="湖南">湖南</option>
</select><br />
<!-- 隱藏域:用于攜帶數(shù)據(jù)屁柏,但是在頁面上不會顯示效果
注意:
1)name屬性就是后臺程序獲取的標(biāo)記
2) 這個value的值就是發(fā)送給后臺程序的內(nèi)容
-->
<input type="hidden" name="id" value="001"/>
<!--多行輸入域:可以輸入多行文本
rows: 一共有幾行
cols: 一行可以輸入幾行字符
-->
個人簡介:
<textarea rows="5" cols="20" name="info"></textarea>
<!-- 提交按鈕: 點擊這個按鈕啦膜,form中的全部數(shù)據(jù)就會發(fā)送到后臺
value: 表示按鈕顯示的文本
-->
<input type="submit" value="注冊"/>
<!--
重置按鈕: 點擊這個按鈕,form中的所有標(biāo)簽返回到初始默認(rèn)狀態(tài)
-->
<input type="reset" />
</form>