随之时代的进步,电子文档逐渐代替了纸质文档。电子文档不仅方便提交反馈而且便于存放。现在很多的公司、学校都会做许多调查(市场调查,学习调查等),为了便于收集,大多数都采用网页调查问卷。那么如何通过网页制作一张调查问卷呢? 调查问卷简而言之就是一张表单,所以要制作一张调查问卷就需要掌握表单的一些标签。例如单选按钮、复选框、文本框以及提交按钮这些基本标签。再根据整个页面的排版来设置标签的属性,让问卷美观。 涉及网页的一些基本标签在这就不一一描述,下面主要介绍表单的标签 (1)单选按钮 <form>表单标签 <input type="radio"> 标签定义了表单单选框选项 name:规定识别表单的名称 value:表示该单选框的真实值(一般真实值和数据库对应,显示值给用户参考的) <br>换行 表1 <form> <input type="radio" name="text" value="公募运作管理规范……">公募运作管理规范……<br> <input type="radio" name="text" value="公募基金有比较强……">公募基金有比较强……<br> <input type="radio" name="text" value="公募基金投资门 槛……">公募基金投资门槛…… </form> |
图1 (2)复选框 <input type="checkbox"> 定义复选框. 用户需要从若干给定的选择中选取一个或若干选项。 表2 <form> <input type="checkbox" name="text" value="产品设计理念">产品设计理念<br> <input type="checkbox" name="text" value="投资思路"> 投资思路<br> <input type="checkbox" name="text" value="基金经理介绍">基金经理介绍<br> <input type="checkbox" name="text" value="购买渠道"> 购买渠道<br> <input type="checkbox" name="text" value="购买费单"> 购买费单 </form> |
图2 (3)文本框 <input type="text">定义文本框 font-size:15pt 定义文本框字的大小 <textarea rows="5" cols="30"> 定义窗体中加入多少列的文字。 表3 <form> <p> 姓名: <input style="width:110px;height:28px;font-size:15pt;" type="text" name="姓名"> </p> <p> 手机: <input style="width:180px;height:28px;font-size:15pt;" type="text" name="手机"> </p> <p> 地址: <input style="width:250px; height:28px;font-size:15pt;" type="text" name="地址"> </p> 建议: <textarea rows="5" cols="30" style="font-size:15pt"></textarea> </form> |
图3 (4)提交按钮 <input type="submit"> 定义了提交按钮. action="" 定义输入数据传送到的地址 空格占位 表4 <form action="" > <input type="button" value="提交"> <input type="button" value="重置"> </form> |
图4 调查问卷的制作需要掌握很多的表单标签,在设置文本框的时候要合适的调整框的大小和容纳量。在写代码的时候一定要注意缩进,每个部分要区分开来,确保其可读性和美观性。这样也是为了后续的检查。 主 编 | 王文星 责 编 | 江汪霖
|