文档介绍:表单的使用
教学过程:
教学目标:
了解表单基础知识
掌握表单元素以及各元素的属性
掌握Spry表单验证设置方法
了解提交表单及处理提交信息的相关知识
教学重点:
掌握表单元素以及各元素的属性
掌握Spry表单验证设置方法
教学难点:
掌握Spry表单验证设置方法
教学方法:
讲授+演示
课时数:
4课时
插入表单;
表单:在文档中定义一个表单区域。
文本字段:可以输入任意文本,包括字母、数字、其他字符。该类型又分为单行文本框、多行文本框和密码文本框(可在“属性”面板中设置)。
隐藏域:用于保存某些在网页中需连续传递的信息。
文本区域:可以任意输入多行文本,包括字母、数字、其他字符。
复选框:提供多个选项,即在一组选项中可同时选择多个项。
单选按钮:提供多个选项,即在一组选项中可同时选择多个项。
单选按钮组:一次可以选择一组(多个)单选项。
列表/菜单: “列表”是普通列表框,供用户在列表框中选择一项或多项;“菜单”为菜单列表框,如果用户希望选择其中一项后能够打开指定的网页,则必须与跳转的菜单结合使用。
跳转菜单:可以实现在页面中插入一个菜单列表框,并将菜单中的每一项链接到指定的网页。当选择某项后,浏览器即打开该项链接的网页。
图像域:可以使用图片替代提交按钮的作用。
文件域:上载文件时使用。
按钮:接受鼠标单击并执行指定的任务。该类型又分为提交表单按钮、普通按钮和重置表单按钮。
标签:使用标签来定义表单控制间的关系。
字段集:将一群表单元素形成一个组。
1、选择“插入”工具栏中的“表单”插入栏
2、单击插入栏中的“表单”按钮,表单框将出现在编辑窗口中光标所在的
区域
在“属性”面板中设置“表单名称”,默认为“form1”,动作为
mailto:liangmx_116@,“方法”选择为“Post”选项,如图
1、光标定位在表单的红色虚线框区域内,点击“常用”选项卡中的“表格”
按钮。
2、把光标放置在添加文本域的位置上,单击“表单”选项卡中的“文本字
段”按钮,如图9-5所示。随即文本域被插入到页面中,如图
在“属性”面板中的“文本域”下方的文本框中给单行文本命名
将光标放置到要添加文本区域的位置上,单击“表单”选项卡中的“文本
区域”按钮,随即文本区域被插入到页面中,如图
在“属性”面板中“文本域”下方的文本框中输入该文本区域的名称
插入复选框
1、将光标放置到要添加复选框的位置上,单击“表单”选项卡中的“复
选框”按钮,
2、在“属性”面板中“复选框名称”下方的文本框中输入该复选框的名称
插入单选按钮
1、将光标放置到要添加单选按钮的位置上,单击“表单”选项卡中的“单
选按钮”按钮
2、在“属性”面板中“单选按钮”下方的文本框中输入该单选按钮的名称
插入列表/菜单
1、将光标放置到要添加列表/菜单的位置上,单击“表单”选项卡中的“列
表/菜单”按钮
2、在“属性”面板的“类型”选项中有“菜单”和“列表”选项,根据需要选
择是插入“菜单”或是插入“列表”,
3、在对话框中设定“来自哪里”为菜单中的项目
4、设定完毕后单击“确定”按钮,回到“属性”面板,在“初始化选定”列
表框中选择“北京”选项即可