实验七使用交互式表单

3
3、插入文本域表单对象
文本域是非常重要的表单对象，可以输入相关 信息，例如用户名、密码等。隐藏域在浏览器 中是不被显示出来的文本域，主要用于实现浏 览器同服务器在后台隐藏地交换信息。 主要操作有：插入文本域（单行、多行、密码 等文本域）、插入隐藏域、插入文件域
4
4、插入按钮表单对象
按钮表单对象包括按钮、单选按钮、单选按钮 组、复选框、复选框组。按钮表单对象主要用 于控制对表单的操作。 主要操作有：插入表单按钮、插入单选按钮、 插入单选按钮组、插入复选框、插入复选框组、 插入图形按钮
10
7
7、实例：制作一个具有完整检查功能的会 员注册表单。
8
实验步骤及内容 制作步骤：
Step1：新建页面，插入一个新表单标签，命名表 单ID为：form1； Step2：在表单标签区域内插入“Spry验证文本 域”，设置ID为“username”，标签文字为“登陆账 号”； Step3：选中Spry文本域，属性中预览状态设置为 “必填”，在文档窗口中修改文本框之后的红字提 示信息为“请确定一个登陆账号”。 Step4：换行，再次插入“Spry验证文本域”，设 置ID为“pass1”，标签文字为“登陆密码”。在属 性检查器中设置最小字符为4，预览状态为未达到 最小字符数，然后在文档窗口中修改提示信息为 “请至少输入4位密码”。
实验七： 实验七：使用交互式表单 实验目的百度文库
了解表单的基础知识 学会插入常用表单元素 掌握插入Spry表单元素 能利用表单元素制作交互式页面
1
实验步骤及内容
1、表单的基础知识
表单是实现用户与网站互动的桥梁，使用表单 可以使我们从用户那里获取信息。 表单一般放置在一个HTML文档中，访问者填写 相关信息后，表单内容会自动从客户端的浏览 器传送到服务器上，经过服务器上的ASP或CGI 等程序处理后，再将访问者所需的信息传送到 客户端的浏览器上。
9
实验步骤及内容
Step5：选中“登陆密码”文本后的文本框（不是整个Spry 文本框构件），在“文本域”属性检查器中选中“密码”单 选项，设最多字符数为20。 Step6：换行，复制“登陆密码”Spry文本框构件，然后粘 贴在下面一行，将标签文本修改为“确认密码”。 Step7：选中“确认密码”文本框构件中的密码框，打开行 为面板，添加行为——弹出信息，内容为“两次输入的密码 必须一致！”，在行为的事件列表中，将行为的事件设置为 “onBlur”（当焦点离开） Step8：在代码视图中，修改pass2密码框标签中的弹出信息 行为代码，为其添加 “if(this.value!=document.form1.pass1.value)”的执行 条件。（在MM_popupMsg(‘两次输入的密码必须一致！’)前） Step9：在设计视图中，再换行，插入Spry验证文本框，设 置ID为“email”，标签文字为“电子邮件”，在属性检查器 中选择类型为“电子邮件地址”，预览状态为“无效格式”， 在文档窗口中将提示信息修改为“邮件格式不正确”。 Step10：插入一个按钮，值为提交。
2
2、表单对象
要在网页文档中插入表单对象，可以单击【插 入】工具栏上的【表单】选项卡，打开【表单】 插入栏。单击相应的表单对象按钮，即可插入 表单。 常用的表单对象有：表单标签、文本字段、隐 藏域、文本区域、复选框、单选按钮、单选按 钮组、列表/菜单、跳转菜单、图像域、文件域、 按钮、标签、字段集
5
5、插入列表和菜单表单对象
列表和菜单式预定义选择对象的表单对象，使 用它们可以在有限的空间内提供多个选项。 主要操作：插入列表/菜单表单对象、插入跳转 菜单
6
6、插入Spry表单元素
Spry表单元素是一种由Adobe公司开发的轻量 级Ajax框架，它能够在不刷新当前页面的情况 下实现数据的请求和响应，是目前非常流行的 一种网页制作技术。 Spry表单元素可以轻松实现表单验证功能，而 之前必须通过添加行为来实现。 主要操作：插入Spry文本框、插入Spry文本区 域、插入Spry复选框、插入Spry验证密码等。