内容正文:
5.2使用表单创建交互访问
1.知识任务
了解表单的交互作用。
2.技能任务
学会在网页中插入表单;正确设置表单信息的收集方式。
3.情感、态度与价值观任务
能正确对待自己的缺点和别人的优点,善于取人之长,补己之短。
本课学习任务
任务导航
网页不仅能够提供信息让用户浏览,还能够从用户那里收集信息。表单就是一种比较常用的收集信息的形式,它是网站管理者与浏览者之间沟通的桥梁。表单常用于申请邮箱、注册个人信息、填写调查报告以及购物信息等。
一、制作一个在线调查网页
表单是用来收集访问者信息的一类页面元素。在一个页面中可以有一个或多个表单,每个表单由若干表单域以及一些说明性文本或其他页面元素组成,如图5-6所示。
表单域:
组成表单的最小单位,包括单行文本框、滚动文本框、复选框、单选按钮、下拉菜单、普通按钮、图片按钮和标签等。
表单域名称:
用于确定该表单域的唯一标志。在同一个表单中,表单域名称不能相同,处理表单结果时,要根据名称区别来自不同表单域的信息。
表单名称:
表单名称可以作为不同表单的标志。
表单:
在编辑页面时表现为用虚线框围起来的一个区域。表单由各种表单域组成,同时也可以包含其他页面元素。在一个页面中可以有一个表单,也可以有多个表单。
值:
访问者在表单域中提交的信息。根据不同的表单域类型,值可以使访问者输入的内容(文本框)或者是访问者的某种选择(单选按钮、复选框和下拉菜单)。
1.设计网页
(1)规划“有奖问答”文件夹
打开“安全自护”站点,在“文件”面板中新建yjwd文件夹,在yjwd文件夹中新建images和other两个文件夹,将素材库中提供的图片素材存放到images文件夹中。
(2)新建网页文件
在yjwd文件夹中新建网页文件,文件名为yjwd.html。修改网页标题为“有奖问答”,设置背景颜色为#EAFF8A,上边距为0。
在网页中,对表单以及表单中控件的操作,都是通过依次单击“插入” “表单”,在显示出的下拉菜单中进行选择,再对插入的控件属性进行修改实现的。
为使表单网页中各元素整齐地排列,可以在表单中插入一个6行x4列的表格。
在网页中插入表单
在网页中,对表单以及表单中控件的操作,都是通过依次单击“插入” “表单”,在显