<form> 元素
HTML 表單用于收集用戶輸入桃煎。
<form action="233" method="post"> .... </form>
action
當(dāng)前表單的提交地址
method
發(fā)送數(shù)據(jù)的http方法，有g(shù)et和post兩種
target
在何處打開 action URL
post 和 get 方式的區(qū)別
- 表象不同卖哎，get把提交的數(shù)據(jù)url可以看到弊添，post看不到
- 原理不同录淡，get 是拼接 url， post 是放入http 請求體中
- 提交數(shù)據(jù)量不同表箭，get最多提交1k數(shù)據(jù)赁咙，瀏覽器的限制钮莲。post理論上無限制，受服務(wù)器限制
- get提交的數(shù)據(jù)在瀏覽器歷史記錄中彼水，安全性不好
場景不同崔拥，get 重在 "要", post 重在"給"
<input> 元素
<input> 元素是最重要的表單元素。
<input> 元素有很多形態(tài)凤覆，根據(jù)不同的 type 屬性链瓦。
text
定義單行輸入文本框
<input id="username" type="text" name="username" value="龍傲天">
例.png
password
定義密碼字段
<input id="password" type="password" name="password" placeholder="輸入密碼">
例.png
radio
定義單選按鈕，用name分組盯桦，用value分項(xiàng)
<input type="radio" name="sex" value="男">男
<input type="radio" name="sex" value="女">女
例.png
checkbox
定義多選按鈕
<input type="checkbox" name="hobby" value="game">游戲
<input type="checkbox" name="hobby" value="novel">小說
<input type="checkbox" name="hobby" value="study">學(xué)習(xí)
例.png
button,submit,reset
button定義按鈕
submit定義提交表單數(shù)據(jù)至表單處理程序的按鈕
reset定義重置按鈕
<input type="button" value="按鈕" /> 不會提交
<input type="submit" value="提交" /> 會提交
<input type="reset" value="重置" /> 重置輸入
例.png
<textarea>元素
多行文本框
<textarea name="comment" cols="30" rows="10">
紅紅火火恍恍惚惚
##</textarea>
例.png
<option>元素
下拉菜單
<select name="car">
<option value="大黃蜂">大黃蜂</option>
<option value="擎天柱" selected>擎天柱</option>
<option value="威震天">威震天</option>
</select>
例.png
selected
默認(rèn)選項(xiàng)
