<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>表單標籤</title>
<body>
<!--使用表單標籤，與用戶交互-->
<form method="post" action="save.php">
<label>用戶名:</label>
<!--文本框-->
<input type="text" name="username" value="" />
<br />
<br />
<label>密碼: </label>
<!--密碼框-->
<input type="password" name="pass" value="" />
<br />
<br />
<label> </label>
<!--提交按鈕-->
<input type="submit" value="提交" />
<!--重置按鈕-->
<input type="reset" value="重置" />
<hr />
<br />
<br />
<label>請在這裏輸入你的個人經歷:</label>
<br />
<br />
<!--多行文本框輸入-->
<textarea rows="20" cols="40"></textarea>
<br />
<br />
<input type="submit" value="提交" />
<input type="reset" value="重置" /><hr /><br /><br />
<label>你最喜歡下列哪種水果(單選）：</label><br />
<!--單選框-->
<input type="radio" value="蘋果" name="checkbox1" />蘋果
<input type="radio" value="荔枝" name="checkbox1" />荔枝
<input type="radio" value="香蕉" name="checkbox1"/>香蕉
<input type="radio" value="橘子" name="checkbox1"/>橘子<br /><br />
<label>你喜歡下列哪幾種運動(多選）：</label><br />
<!--複選框-->
<input type="checkbox" value="跑步" name="checkbox1" />跑步
<input type="checkbox" value="游泳" name="checkbox1" />游泳
<input type="checkbox" value="爬山" name="checkbox1"/>爬山
<input type="checkbox" value="步行" name="checkbox1"/>步行<br /><br />
<input type="submit" value="提交" /><br /><br />
<hr />
<label>愛好:</label>
<!--下拉列表標籤-->
<select>
<option value="看書" select="select">看書</option>
<option value="淘寶" >淘寶</option>
<option value="逛街" >逛街</option>
<option value="旅遊" >旅遊</option>
</select>
<hr />
<br /><br /><br />
<!--滾動條標籤-->
<label>愛好:</label>
<select multiple="multiple">
<option value="看書" >看書</option>
<option value="淘寶" >淘寶</option>
<option value="逛街" >逛街</option>
<option value="旅遊" >旅遊</option>
<option value="游泳" >旅遊</option>
</select>
</form>
</body>
</html>
認識html標籤(第二部分）
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章