HTMLXUEXI
<!DOCTYPE html>
<html>
?? ?<head>
?? ??? ?<meta charset="utf-8">
?? ??? ?<title>表單</title>
?? ?</head>
?? ?<body>
?? ??? ?<p>html表單用來收集不同類型的用戶輸入</p>
?? ??? ?<h3>表單是一個包含表單元素的區域</h3>
?? ??? ?<h3>表單元素是允許用戶在表單中輸入內容，比如：文本域、下拉列表、單選框、復選框等等</h3>
?? ??? ?<h3>表單使用form標簽來設置</h3>
?? ??? ?<form>
?? ??? ??? ?姓名：<input type="text" name="name" /></br><strong></strong><!-- 輸入框-->
?? ??? ??? ?性別：<input type="radio" name="sex" value="women"/>女<!-- 單選框-->
?? ??? ??? ??? ? ?<input type="radio" name="sex" value="men"/>男</br><!-- 單選框-->
?? ??? ??? ?密碼：<input type="password" name="pwd"/></br><!-- 密碼框-->
?? ??? ??? ?愛好：<input type="checkbox" name="hobby" value="lq"/>籃球<!-- 復選框-->
?? ??? ??? ??? ?<input type="checkbox" name="hobby" value="zq"/>足球<!-- 復選框-->
?? ??? ??? ??? ?<input type="checkbox" name="hobby" value="ppq"/>乒乓球<!-- 復選框-->
?? ??? ??? ??? ?<input type="checkbox" name="hobby" value="ymq"/>羽毛球</br><!-- 復選框-->
?? ??? ??? ?城市：
?? ??? ??? ?<select name="city"><!-- 下拉列表-->
?? ??? ??? ??? ?<option value ="bj">北京</option>
?? ??? ??? ??? ?<option value ="sh">上海</option>
?? ??? ??? ??? ?<option value ="tj" selected="selected">天津</option><!-- selected 預選下拉列表-->
?? ??? ??? ??? ?<option value ="cd">成都</option>
?? ??? ??? ??? ?<option value ="zz">鄭州</option>
?? ??? ??? ??? ?<option value ="hz">杭州</option>
?? ??? ??? ??? ?<option value ="yn">云南</option>
?? ??? ??? ?</select>
?? ??? ??? ?</br>
?? ??? ??? ?<textarea>文本域</textarea><!-- 文本域，多行輸入控件-->
?? ??? ??? ?</br>
?? ??? ??? ?<input type="button" value="可自定義按鈕上的文字"/>
?? ??? ??? ?<input type="reset" value="重置" /><!-- 重置輸入內容-->
?? ??? ??? ?<input type="submit" value="提交" />
?? ??? ?</form>
?? ??? ?<iframe src="https://www.runoob.com/html/html-iframes.html" width="800" height="300"></iframe>
?? ??? ?<!-- 框架，在一個窗口顯示多個頁面 ，通過src指定不同網頁地址，width和height設置窗口大小-->
?? ??? ?
?? ?</body>
</html>
總結
- 上一篇： SDUWH2019-2020寒假pyth
- 下一篇： 真正的程序员