表單標簽可以把用戶輸入的數據傳遞給后臺,這樣來進行數據交互
代碼實例:
<!DOCTYPE html>
<html>
<head>
<title>表單標簽</title>
</head>
<body>
<form method="post" action="xxx.php">
<label for="username">用戶名:</label>
<input type="text" name="username" id="username" value="請輸入用戶名">
<br>
<label for="pass">密 碼:</label>
<input type="password" name="pass" value="">
<br>
<textarea cols="31" rows="10" >在這里輸入內容...</textarea>
<br>
<label>性別:</label>
<label for="sexMan">男:</label>
<input type="radio" name="sex" value="0" id="sexMan">
<label for="sexWM">女:</label>
<input type="radio" name="sex" value="1" id="sexWM">
<br>
<label>你的喜好:</label>
<label>唱歌</label>
<input type="checkbox" checked="checked" name="loves" value="0">
<label>跑步</label>
<input type="checkbox" name="loves" value="1">
<label>洗腳</label>
<input type="checkbox" name="loves" value="2">
<br>
<label>愛好:</label>
<select multiple="multiple">
<option value="唱歌">唱歌</option>
<option value="跑步">跑步</option>
<option value="洗腳">洗腳</option>
</select>
<br>
<input type="submit" name="submit" value="確定">
<input type="reset" name="reset" value="重置">
</form>
</body>
</html>
效果:
Paste_Image.png
標簽介紹:
<form method="傳送方式" action="服務器文件">
method: 數據傳送的方式(get/post)。
action:瀏覽者輸入的數據被傳送到的地方,比如一個PHP頁面xxx.php
<input>文本輸入框
type:當type="text"時,輸入框為文本輸入框;
當type="password"時, 輸入框為密碼輸入框。
當 type="radio" 時,控件為單選框
當 type="checkbox" 時,控件為復選框(type=單選/復選,可以設置 checked="checked"進行默認選中)
當type="submit"時,按鈕為提交作用,value為按鈕的顯示文字
當type="reset"時,按鈕為重置作用,value為按鈕的顯示文字
name:為文本框命名,以備后臺使用。
value:為文本輸入框設置默認值。(一般起到提示作用)
<textarea rows="行數" cols="列數">多行文本</textarea>
<select>
<option value="唱歌">唱歌</option>//value的值是傳給后臺的值,后面的值是顯示給用戶看的值
</select>
設置multiple="multiple"可以進行多選,按Ctrl進行選擇
<label for="控件id名稱">當設置for以后,假如代碼重的性別進行了設置,那么在點擊男或女這個文字的時候,就會選中后面單選框