快速制作问卷调查表单

视频16

本节继续以在“LM的站点”中制作一个“网站访问情况调查表单”的主题为例，介绍表单的创建和设置操作。在制作该主题前，需要在站点的根目录下创建一个名为“survey.html”的网页文件。

步骤1　使用鼠标右键单击“MyWebsite”站点列表项的根文件夹，选择弹出快捷菜单中的【新建文件】命令，将“untitled.html”默认的文件名改为“survey.html”，按回车键确认。

步骤2　单击【插入】菜单中的【表格】命令，在弹出【表格】对话框中设置“行数”为12；“列数”为8；“表格宽度”为800，单位为“像素”；“单元格边距”为0；“单元格间距”为0；“标题”为“网站访问情况调查”，然后点击【确定】按钮，如图2-7-17所示。

图2-7-17　【表格】对话框

步骤3　用鼠标选中表格，设置下方【属性】面板中的“对齐”为“居中对齐”，如图2-7-18所示。

图2-7-18　表格【属性】面板

步骤4　将表格设置为上例的样式和风格，如图2-7-19所示。

步骤5　将光标移到表格的第5行第一单元格内输入文本“姓名：”，鼠标移到同行的第二个单元格内，然后点击【插入】菜单中【表单】下的“文本域”命令，在弹出的【输入标签辅助功能属性】对话框中直接点击【确定】按钮，如图2-7-20所示。

图2-7-19

图2-7-20　【输入标签辅助功能属性】对话框

步骤6　在第6行中输入文本“性别：”，点击【插入】菜单中【表单】下的“单选按钮”命令，在弹出的【输入标签辅助功能属性】对话框中的“标签文字”输入框中输入“男”（相同方法制作“女”单选按钮），然后点击【确定】按钮，如图2-7-21所示。

步骤7　在第7行中输入文本“年龄范围：”，点击【插入】菜单中【表单】下的“列表/菜单”命令，在弹出的【输入标签辅助功能属性】对话框中，直接点击【确定】按钮。

图2-7-21　【输入标签辅助功能属性】对话框

步骤8　选中“列表/菜单”控件，下方出现【属性】面板，如图2-7-22所示。

图2-7-22　列表/菜单【属性】面板

步骤9　点击【属性】面板中的“列表值”按钮，在弹出的【列表值】对话框中，“项目标签”的第一项开始依次输入“请选择”“20～30岁”“30～40岁”“40～50岁”“50～60岁”和“60岁以上”，单击【确定】按钮，如图2-7-23所示。

图2-7-23　【列表值】对话框

步骤10　在第8行中输入文本“访问渠道：”，点击【插入】菜单中【表单】下的“复选框”命令，在弹出的【输入标签辅助功能属性】对话框中的“标签文字”输入框中输入“学院网站链接”（相同方法制作“收藏网站”“朋友推荐”和“搜索引擎”复选按钮），然后点击【确定】按钮。

步骤11　在第9行中输入文本“网站评分：”，点击【插入】菜单中【表单】下的“单选按钮”命令，在弹出的【输入标签辅助功能属性】对话框中直接点击【确定】按钮（重复此操作添加共5个单选按钮）。

步骤12　在每个单选按钮的后方依次叠加插入“star.jpg”星级图像，如图2-7-24所示。

图2-7-24　单选按钮

步骤13　在第10行中输入文本“宝贵意见：”，点击【插入】菜单中【表单】下的“文本区域”命令，在弹出的【输入标签辅助功能属性】对话框中直接点击【确定】按钮。

步骤14　用鼠标选中“文本域控件”，设置下方【属性】面板中“字符宽度”为“75”；“行数”为“8”，如图2-7-25所示。(www.xing528.com)

图2-7-25　文本域【属性】面板

步骤15　将光标放至第11行单元格内，点击【插入】菜单中【表单】下的“按钮”命令，在弹出的【输入标签辅助功能属性】对话框中直接点击【确定】按钮。

步骤16　用鼠标选中按钮后，在下方【属性】面板的“值”输入框中输入“提交问卷”（相同方法制作“取消”按钮）。

步骤17　光标放至第12行单元格内，在单元格内输入相应的版权信息。

图2-7-26　预览效果

本节介绍了表单的创建，读者可以按照下面的要求完善登录网页：

1.利用表格为登录网页进行网页布局。

2.利用表单设置登录效果的网页。