想做个类似苹果调查问卷的:
找到qq邮箱的代码编辑器:
写好我们的网页(h5)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div class="content">
<h2>
我们的表现如何?
</h2>
<form action="http://www.baidu.com/" method="get">
<ul class="main">
<li>
<p>
1.总体而言,你对服务的满意如何
</p>
<ul class="select">
<li>
<label><input type="radio" value="1" name="a"/>非常满意</label>
</li>
<li>
<label><input type="radio" value="2" name="a"/>比较满意</label>
</li>
<li>
<label><input type="radio" value="3" name="a"/>一般</label>
</li>
</ul>
</li>
<li>
<p>
2.你对我们的产品体验如何
</p>
<ul class="select">
<li>
<label><input type="radio" value="1" name="b"/>非常满意</label>
</li>
<li>
<label><input type="radio" value="2" name="b"/>比较满意</label>
</li>
<li>
<label><input type="radio" value="3" name="b"/>一般</label>
</li>
</ul>
</li>
</ul>
<div>
<input class="submit-btn" type="submit" value="提交" />
</div>
</form>
</div>
<style>
* {
padding: 0;
margin: 0;
}
li {
list-style: none;
}
.content {
max-width: 500px;
margin: 0 auto;
}
h2 {
text-align: center;
}
.main > li {
margin: 40px 0;
}
.select > li {
margin: 20px 0;
}
.submit-btn {
display: block;
width: 80px;
height: 40px;
text-align: center;
line-height: 40px;
color: #fff;
background-color: #1abc9c;
border-radius: 10px;
border:none;
}
</style>
</body>
</html>
预览没问题,自己发给自己,在收件箱里查看:
怀疑是qq邮箱过滤掉了form表单,邮件查看果然。
用qq邮箱发送到163邮箱,可以显示:
但是表单提交不了。
结论:
1.目前的qq邮箱会过滤掉form表单,做不了邮件问卷。苹果等公司可能在白名单里
2.目前的163邮箱,可以显示form表单,但对提交表单有限制,同样做不了调查问卷。