11.4 Spry验证表单 教案

南阳工业学校教案

授课班级授课时间

教材网页制作基础教程（Dreamweaver CS3）葛艳玲电子工业出版社教学项目

11.4 Spry验证表单

教学目标掌握Spry验证表单的使用

教学形式一体化课，在一体化教室内

教学方法教学做一体化教学、演示教学法

教学准备1.课件

2.一体化教室

教学重点Spry验证表单的使用教学难点Spry验证表单的使用

教学过程设计

设计流程教学内容设计意图

考勤（2’）学生到课情况

情境引入（5’）教学形式：实例演示，激发兴趣

通过样例

产生的效

果图让学

生在视觉、

上得到真

实感受，启

发学生思

考，提高学

习兴趣。

1.教师展示样例，显示效果，让学生感魅力。

2.提出问题：效果图如何产生？学生思考。

3.教师介绍相关的概念。

新课教学（58’）11.4.1 Spry验证文本域

2.设置验证文本域的属性

最小字符数（或最大字符数）：在“最小字符数”或“最大字符数”框中输入一个数字。

最小值（或最大值）：在“属性”面板中的“最小值”或“最大值”框中输入一个数字。

必需的：在“属性”面板中，根据自己的喜好选择或取消选择“必需”选项。

强制模式：可以禁止用户在验证文本域构件中输入无效字符。

11.4 Spry验证表单

11.4.2 Spry验证文本区域

1.插入Spry验证文本区域构件

①将光标定位在需要插入验证文本域的位置。

②选择菜单栏“插入”|“Spry”|“Spry验证文本区域”，或在“插入”面板的“Spry”类别中单击“Spry验证文本区域”按钮。11.4 Spry验证表单

11.4.2 Spry验证文本区域

2.设置验证文本区域构件的属性

预览状态：选择要查看的状态。

验证于：可以设置验证发生的时间，包括站点访问者在构件外部单击时、键入内容时或尝试提交表单时。

最小字符数（或最大字符数）：在“属性”面板中的“最小字符数”或“最大字符数”框中输入一个数字。

计数器：可以添加字符计数器，以便当用户在文本区域中输入文本时知道自己已经输入了多少字符或者还剩多少字符。

提示：可以向文本区域中添加提示，以便让用户知道他们应当在文本区域中输入哪种信息。

11.4 Spry验证表单

11.4.3 Spry验证选择

1.插入Spry验证验证选择

①将光标定位在需要插入验证选择的位置。

②选择菜单栏“插入”|“Spry”|“Spry验证选择”，或在“插入”面板的“Spry”类别中单击“Spry验证选择”按钮。

③完成“输入标签辅助功能属性”对话框，单击“确定”按钮。

11.4 Spry验证表单

11.4.3 Spry验证选择

2.设置验证选择构件的属性

预览状态：选择要查看的状态

验证于：可以设置验证发生的时间，包括站点访问者在构件外部单击时、键入内容时或尝试提交表单时。

不允许：

空值：

无效值：

11.4 Spry验证表单

11.4.4 Spry验证复选框

1.插入Spry验证复选框

①将光标定位在需要插入验证选择的位置。

②选择菜单栏“插入”|“Spry”|“Spry验证复选框”，或在“插入”面板的“Spry”类别中单击“Spry验证复选框”按钮。

③完成“输入标签辅助功能属性”对话框，单击“确定”按钮。

11.4 Spry验证表单

11.4.3 Spry验证选择

2.设置验证选择构件的属性

必需：指定该验证复选框为必选项。

强制范围：默认情况下，验证复选框构件设置为“必需”。但是，如

果在页面上插入了许多复选框，则可以指定选择范围。

最小选择数（最大选择数）：在选择“强制范围”后，则可输入浏览

网页时可以选择的复选框个数。实施范围：选择验证复选框构件的

状态。

验证于：可以设置验证发生的时间，包括站点访问者在构件外部单

击时、键入内容时或尝试提交表单时。

课堂小结

（10’）

Spry验证表单的使用包括的方面

效果评价（15’）学生课堂任务书

制作一个使用Spry验证表单的网页，进行评比