HTML表單的用法
<form></form>
用法
<form></form>
標簽會將標簽其中的信息提交到服務器上,有get和post兩種方式。-
文本框
<input type="text" name="文本">
表示文本框
<input type="text" name="文本" value="123">
表示文本框的初始值為123
<input type="text" name="文本" placeholder="請輸入">
文本框里有提示詞
<input type="password" name="password">
輸入后顯示.號
效果圖
2.png 按鈕
<input type="button" value="按鈕">
一個普通按鈕上面有“按鈕”兩字
<input type="submit" value="登錄">
一個登錄按鈕
<input type="reset" value="重置">
可以重置信息的按鈕
效果圖
3.png
<input type="radio" name="" value="">
是一個單選框<input type="radio" checked="checked" name="" value="">
單選框默認選中美女<input type="checkbox" name="hobby" value="美女"> LOL<input type="checkbox" name="hobby" value="LOL"> 學習<input type="checkbox" name="hobby" value="學習">
復選框可以多選效果圖
4.png
5. 下拉菜單與文本域
<select name="car“”>
<option value="薩博">薩博</option>
<option value="五菱宏光">五菱宏光</option>
<option value="AE86">AE86</option>
</select>
這是個下拉菜單
<textarea name="評論" cols="30" rows="10">好車 </textarea>
這是文本域
效果圖
5.png
6. type=hidden隱藏域的作用是對用戶隱藏的信息,用戶在頁面上看不見,但會向后端提供一些信息,比如驗證信息,以此來增加安全性。