这里有一个例子,你看看

本调查板共有三个文件:显示调查问题(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 >。

全部

html设计一个调查问卷页面,如何设计一个网页调查问卷?相关推荐

  1. UI设计灵感|注册登录页面怎样设计才更合理?

    任何一个需要用户提供信息的表单设计,我们都需要从产品和设计两个角度来进行思考. 一个功能的体验是否足够好不仅仅在于设计,很多时候甚至在产品设计的阶段就已经被下了定义. 先从产品角度考虑,是因为产品的需 ...

  2. react-antd项目,一个多tab页面,共用一个title相同的table表格,并且在切换tab时实现数据更新

    一.前言 最近因为项目要求,开始学习并且使用React和Ant Design框架.在前端开发过程中,遇到这样一个页面:有多个tab,每个tab下都是一个table表格来进行数据展示.但,每个table ...

  3. 分享27个最新国外超酷单页面网站设计

    为什么80%的码农都做不了架构师?>>>    日期:2012-5-6  来源:GBin1.com 越来越多的网站开始使用单页面的网站设计,因为单页面网站设计简单直观,可以使用夸张的 ...

  4. PDF文件中如何插入页面?分享一个实用小妙招

    怎么在PDF文件中插入页面呢?大家在将一份PDF文件制作好时,在浏览检查的时候发现文件中缺少一页或者是几页的内容,想要把这部分的内容添加上去该怎么做呢?有的小伙伴会选择重新做一份PDF文件,但这样会耗 ...

  5. 从Adobe调查问卷看原型设计工具大战

    近年国内外原型设计工具新品频出,除了拥趸众多的老牌Axure在RP 8之后没有什么大的动作,大家都拼了命地在出新品.今天 inVision 的 Craft 出了 2.0 的预告视频,明天 Adobe ...

  6. wxpython问卷调查界面_调查问卷使用说明书,问卷就要这么设计!

    原标题:调查问卷使用说明书,问卷就要这么设计! 提到调查问卷,不知它在大家心里的地位如何?其实我们工作中,需要用到它的场景还很多:比如推出一款新产品,我们会做一个市场调研,探探市场:对已运营中的产品进 ...

  7. 在网页设计中,引导页是所有页面中的重中之重,引导浏览者很快进入各栏目页面,是一个网站的灵魂所在。

    在网页设计中,引导页是所有页面中的重中之重,引导浏览者很快进入各栏目页面,是一个网站的灵魂所在.

  8. 设计一个jsp页面,要求在网页上显示当前日期和时间,如果时间在6:00~12:00,输出“上午好”:如果时间在12:00 18:00, 输出“下午好”:

    设计一个jsp页面,要求在网页上显示当前日期和时间,如果时间在6:00~12:00,输出"上午好":如果时间在12:00 18:00, 输出"下午好":如果时间 ...

  9. 微信小程序 - 基础 - 002 - WEUI - 一个基本页面的设计 - index页面的制作

    1 前言: 本系列依据微信给出的实例,进行比较细致的解读和逐步分析.实践. 遇到很小的知识点,也做了一点的分析和解释,希望是能够帮助0起步的同学. 大虾们请选择跳过, 开始讨论一个微信小程序的页面设计 ...

  10. HTML+CSS:设计一个网站登录页面 学起来很简单

    hello,大家好,我是wangzirui32,今天我们来学习如何设计一个网站登录页面. 开始学习吧! 1. 项目架构 demo/login.html 网页文件backgrond.png 登录背景图片 ...

最新文章

  1. 七牛访谈|秒拍&小咖秀CTO汤力嘉:产品的生存系于技术
  2. hdu6376 度度熊剪纸条 思维
  3. python编程自学能学会吗-Python能自学成功吗?
  4. Oracle的sqlplus登录方式
  5. 应运而生的web页面响应布局
  6. 免 sudo 使用 docker
  7. IceSword偏门功能介绍
  8. CSRF 跨站请求伪造 为什么b网站请求a网站的地址能带上a网站的cookie
  9. 一分钟关闭百度的搜索热点和相关人物
  10. python小屋_1000道Python题库系列分享九(31道)
  11. Spring Cloud Spring Boot mybatis分布式微服务云架构(五)构建RESTful API
  12. 计算器计算经纬距离_造价人如何熟练运用计算器来做题?
  13. 3D世界相机防抖杆的机制探究
  14. [Asp.net]缓存简介
  15. 记忆的酒坛里,辛苦会酿成充实和幸福
  16. 深度学习图像分割(一)——PASCAL-VOC2012数据集(vocdevkit、Vocbenchmark_release)详细介绍
  17. Python3 Cobalt strike shellcode 免杀过 360 卫士和360杀毒
  18. Bitvise SSH Client
  19. 计算机连接网络是飞行模式怎么办,电脑网络设置只剩飞行模式怎么办?
  20. VS2015专业版打开处于白屏状态

热门文章

  1. 周期均方根和有效值的区别_电流电压“均方根值”为何是有效值?
  2. clustalw序列比对_Clustal的使用总结(Clustalx+Clustalw)
  3. 几个多序列比对软件:Muscle,ClustalW和T-coffee的简单比较
  4. python二进制显示图片_python 读取二进制 显示图片案例
  5. 程序员眼中的中国传统文化-王阳明《传习录》17
  6. Verilog实现千兆以太网传输
  7. 【Ignite】使用数据库软件DBeaver管理Apache Ignite
  8. React H5图片压缩上传
  9. 计算机表格制作ppt,成为 PPT 表格制作高手,就是这么简单!
  10. 输油管的布置数学建模matlab,输油管布置的数学模型