HTMLXUEXI
<!DOCTYPE html>
<html>
?? ?<head>
?? ??? ?<meta charset="utf-8">
?? ??? ?<title>表單</title>
?? ?</head>
?? ?<body>
?? ??? ?<p>html表單用來(lái)收集不同類(lèi)型的用戶(hù)輸入</p>
?? ??? ?<h3>表單是一個(gè)包含表單元素的區(qū)域</h3>
?? ??? ?<h3>表單元素是允許用戶(hù)在表單中輸入內(nèi)容，比如：文本域、下拉列表、單選框、復(fù)選框等等</h3>
?? ??? ?<h3>表單使用form標(biāo)簽來(lái)設(shè)置</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><!-- 密碼框-->
?? ??? ??? ?愛(ài)好：<input type="checkbox" name="hobby" value="lq"/>籃球<!-- 復(fù)選框-->
?? ??? ??? ??? ?<input type="checkbox" name="hobby" value="zq"/>足球<!-- 復(fù)選框-->
?? ??? ??? ??? ?<input type="checkbox" name="hobby" value="ppq"/>乒乓球<!-- 復(fù)選框-->
?? ??? ??? ??? ?<input type="checkbox" name="hobby" value="ymq"/>羽毛球</br><!-- 復(fù)選框-->
?? ??? ??? ?城市：
?? ??? ??? ?<select name="city"><!-- 下拉列表-->
?? ??? ??? ??? ?<option value ="bj">北京</option>
?? ??? ??? ??? ?<option value ="sh">上海</option>
?? ??? ??? ??? ?<option value ="tj" selected="selected">天津</option><!-- selected 預(yù)選下拉列表-->
?? ??? ??? ??? ?<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="重置" /><!-- 重置輸入內(nèi)容-->
?? ??? ??? ?<input type="submit" value="提交" />
?? ??? ?</form>
?? ??? ?<iframe src="https://www.runoob.com/html/html-iframes.html" width="800" height="300"></iframe>
?? ??? ?<!-- 框架，在一個(gè)窗口顯示多個(gè)頁(yè)面 ，通過(guò)src指定不同網(wǎng)頁(yè)地址，width和height設(shè)置窗口大小-->
?? ??? ?
?? ?</body>
</html>
總結(jié)
- 上一篇： SDUWH2019-2020寒假pyth
- 下一篇： 做了三年前端，你才知道10分钟就能实现一