qq邮箱问卷,测试不支持form表单
想做个类似苹果调查问卷的:
找到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表单,但对提交表单有限制,同样做不了调查问卷。