<!DOCTYPE HTML>
<html>
<head>
<title>
大哥大使用意見調查表
</title>
<style type="text/css">
form{font-family:仿宋;}
</style>
</head>
<body background="img/free0.gif">
<p align="center"><img src="img/free1.jpg"/></p>
<form>
姓 名:<input type="text" name="name" size="30"/><br/><br/> <!--type="text"是普通文本框的表示方式-->
E-Mail:<input type="text" value="userman@mailserver" size="30" id="mail" name="mail"><br/><br/>
年 齡<input type="radio" name="age" value="未滿20歲"/>未滿20歲 <!--type="radio"爲單選框的表示方式-->
<input type="radio" name="age" value="20~29"/>20~29
<input type="radio" name="age" value="30~39"/>30~39
<input type="radio" name="age" value="40~49"/>40~49
<input type="radio" name="age" value="50以上">50以上<br/><br/>
您使用過哪些品牌的手機?<input type="checkbox" name="phone" value="hTC"/>hTC <!--type="checkbox"爲複選框的表示方式-->
<input type="checkbox" name="phone" value="Apple"/>Apple
<input type="checkbox" name="phone" value="ASUS"/>ASUS
<input type="checkbox" name="phone" value="acer"/>acer<br/><br/>
恁使用手機時最常碰到哪些問題?<br/>
<!--以下textarea爲文本塊的表示方式-->
<textarea type="text" style="width:500px;height:100px" id="text1" >連接速度不夠快</textarea><br/><br/>
您使用過哪家業者的門號?(可複選)
<select> <!--select爲下拉框需要的-->
<option name="owner" value="請選擇">請選擇</option>
<option name="owner" value="中華電信">中華電信</option>
<option name="owner" value="臺灣大哥大">臺灣大哥大</option>
<option name="owner" value="遠傳">遠傳</option>
<option name="owner" value="戚寶">戚寶</option>
</select><br/><br/>
<input type="submit" value="提交">
<input type="reset" value="重新輸入">
</form>
</body>
</html>
以上代碼爲學習HTML過程中做的小練習,爲完整代碼。其中<br/>意爲換行。具體的HTML標籤所代表的含義,在我的博文“HTML的基本知識”可以看到。
用html寫的意見調查表代碼
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.