用html写的意见调查表代码

最新推荐文章于 2024-07-25 11:26:35 发布

without_scruple

最新推荐文章于 2024-07-25 11:26:35 发布

阅读量1w

点赞数 6

分类专栏： Web前端开发文章标签： html css

本文链接：https://blog.csdn.net/without_scruple/article/details/75234810

版权

Web前端开发专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!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的基本知识”可以看到。