2021-05-26

最新推荐文章于 2024-07-13 19:38:58 发布

编程热爱者

最新推荐文章于 2024-07-13 19:38:58 发布

阅读量41

点赞数 1

分类专栏：以练带学文章标签： html

本文链接：https://blog.csdn.net/weixin_54653558/article/details/117287693

版权

以练带学专栏收录该内容

1 篇文章 0 订阅

订阅专栏

一个简单的调查问卷表单

<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" charset="utf-8">
		<title>问卷调查</title>
		<style type="text/css">
			body{
				background-color: gray;
			}
			.index{
				margin: auto;
				width: 920px;
				background-color: white;
				box-shadow: 10px 10px 15px black;
				margin-top: 10px;
			}
			.area{
				width: 600px;
				height: 100px;
			}
			h1{
				color: orange;
				padding-top: 30px;
				text-align: center;
			}
			form{
				padding-left: 100px;
				line-height: 180%;
			}
			input{
				border-color: black;
				border-top-width: 0px;
				border-right-width: 0px;
				border-bottom-width: 2px;
				border-left-width: 0px;
			}
			#btn{
				background-color: #FFA500;
				color: white;
				padding: 5px 10px;
				margin-left: 320px;
				margin-top: 16px;
				margin-bottom: 20px;
			}
		</style>
	</head>

	<body>
		<div class="index">
			<h1>调查问卷</h1>
			<hr color="orange" width="700px" />
			<form method="post" action="/assess/">
				<ol>
					<p>1.你觉得第一个问题，怎么样，请详细说明。</p>
					<p><textarea class="area" name="comments1"></textarea></p>
				</ol>
				<ol>
					<p>2.你觉得第二个问题，怎么样，请详细说明。并提出建议。</p>
					<p><textarea class="area" name="comments2"></textarea></p>
				</ol>
				<ol>
					<p>3.你觉得第三个问题，怎么样，请详细说明。</p>
					<p><textarea class="area" name="comments3"></textarea></p>
				</ol>
				<ol>
					<p>4.你认为第四个问题可以吗，如何改进。</p>
					<p><textarea class="area" name="comments4"></textarea></p>
				</ol>
				<ol>
					<p>5.你想说些什么，有什么建议。</p>
					<p><textarea class="area" name="comments5"></textarea></p>
				</ol>
				<ol>
					<p>6.其他你觉得不合理、存在不足的地方。</p>
					<p><textarea class="area" name="comments6"></textarea></p>
				</ol>
			<br />
			<button id="btn" type="submit">提交问卷</button>
			</form>
		</div>
	</body>
</html>

预览：

编程热爱者

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
2021-05-26

一个简单的调查问卷表单<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" charset="utf-8"> <title>问卷调查</title> <style type="text/css"> body{ background-color: gray; } .index{ margin: auto
复制链接

扫一扫