如何设计一个网页调查问卷?
这里有一个例子,你看看
本调查板共有三个文件:显示调查问题(research。html)、处理用户选择(select。asp)、浏览调查结果(viewresult。asp)。设计思路为:ASP取得由表单发来的信息,并据此修改记录调查得票数的数据库,然后ASP读取数据库,获得各个调查问题的得票数目,通过得票数多少来调节对应条形图显示的宽来直观比例地给出调查结果。 在程序的关键处,我都给出了较为详细的注释,这里就不再讲述ASP的基本知识。读者可以到陶吧ASP专栏查阅。当然,我希望你在自己的服务器上调试程序时,有不懂的地方,还是查查身边的ASP技术手册,看看对象、方法或函数的详细语法试着修改,...全部
这里有一个例子,你看看
本调查板共有三个文件:显示调查问题(research。html)、处理用户选择(select。asp)、浏览调查结果(viewresult。asp)。设计思路为:ASP取得由表单发来的信息,并据此修改记录调查得票数的数据库,然后ASP读取数据库,获得各个调查问题的得票数目,通过得票数多少来调节对应条形图显示的宽来直观比例地给出调查结果。
在程序的关键处,我都给出了较为详细的注释,这里就不再讲述ASP的基本知识。读者可以到陶吧ASP专栏查阅。当然,我希望你在自己的服务器上调试程序时,有不懂的地方,还是查查身边的ASP技术手册,看看对象、方法或函数的详细语法试着修改,看看结果如何变化--这可是学习编程的一个好方法呢。
调查问题的设计要依据实际情况,或讲究实用性或讲究趣味性,在网页上显示的风格也或朴素或活泼,本例中是笔者主页上的一个关于“21世纪最重要的是什么?”的趣味调查,为说明问题,下面的代码中省略了美观修饰的代码,你自己动手设计时完全可以使用表格等技巧美化调查问题的显示。
为了使提换蜾?赖鞑槭辈挥跋斓鼻耙趁妫?绦蛑懈?隽说?鲂麓翱诘姆桨浮?BR>
researchindex。html:
< html >
< title >调查板测试< /title >
< head >
< !-- start:定义新开的窗口-- >
< script language=javascript >
< !--
var newWindow = null
function OpenWindow(htmurl)
{
if (! newWindow newWindow。
closed)
{
newWindow =
window。open(htmurl,"newwin","toolbar=no,resiza =no,scrollbars=no,width=400,height=280");
}else
{
newWindow。
focus();
}
}
//-- >
< /script >
< !-- end:定义新开的窗口-- >
< /head >
< body >
< !-- start:调查题目、选项 -- >
< p >您认为21世纪最重要的是什么?< /p >
< form method="POST" action="vote/select。
asp" name="research" LANGUAGE="javascript"
onSubmit="OpenWindow()" target="newwin" >
< p align="left" >
< br >
< input type="radio" value="1" name="Options" >知识(知识就是力量)< br >
< input type="radio" value="2" name="Options" >学历(学历社会没有终结)< br >
< input type="radio" value="3" name="Options" >金钱(经济就是基础)< br >
< input type="radio" value="4" name="Options" >爱情(永不进入坟墓的爱情)< br >
< input type="radio" value="5" name="Options" >理想(天啦,理想是什么)< br >
< input type="radio" value="6" name="Options" >民主意识(关心政治)< br >
< input type="radio" value="7" name="Options" >科学思想(科教兴国)< br >
< input type="submit" value="提交" name="voting" >
< input type="button" value="查看" name="viewing" onClick="OpenWindow(vote/viewresult。
asp)" >
< /form >
< !-- start:调查题目、选项 -- >
< /body >
< /html >。
收起