第8章制作表单页面.pptVIP

8.3.5 Spry验证密码 8.3.6 Spry验证确认 8.3.7 Spry验证单选按钮组 8.4 综合实例——表单实例 8.4.1 制作表单页面 单击插入面板中“表单”分类的【表单】按钮 ，一个表单域被插入到页面中。 将光标放在“年龄”后面的空白文本框中，单击插入面板中“表单”分类的【单选按钮组】按钮 ，接下来弹出的“单选按钮组”对话框，在“名称”文本框中设置单选按钮组的名称为“age”，单击“标签”列的文字，设置单选按钮旁的说明文字，单击“值”列，设置选中单选按钮后提交的内容，在“布局，使用”中选择TABLE。 在弹出的“列表值”对话框中设置列表项目，单击“项目标签”列，设置显示在菜单中的文字，单击“值”列，设置选中菜单项目后提交的内容，如果选项不够，可以单击上方的加号，进行添加。 将光标放在页面内“搜索”文本框后面的空白单元格中，在插入工具栏的“表单”中单击“图像域”图标，弹出“选择图像源文件”对话框，在对话框中选择form_files文件夹下的go.gif图像文件。 按下【F12】快捷键预览页面，就可以看到表单的效果了。 8.4.2 Spry表单检查 选择该表单元素之上的蓝色文本“Spry 文本域”，“属性”面板中显示了表单验证相关的选项内容，在“Spry 文本域”文本框中为其命名为“name”，在“最大字符数”文本框内输入“8”，勾选“验证于”中的“onChange”选项，使其改变时即进行验证。 将鼠标光标定位于“主页：”单元格中，按照相同的方法插入一个Spry文本域，然后在“属性”面板中为其命名为“URL”，在“类型”弹出列表中选择“URL”选项，在“提示”文本框中输入“http://”，勾选“验证于”中的“onBlur”。 按下【F12】快捷键预览页面，效果如图8-112所示。 8.5 本章小结 表单可以帮助Internet服务器从用户处收集信息，例如收集用户资料、获取用户订单。在因特网上也同样存在大量的表单，让用户输入文字，进行选择。表单网页是设计与功能的结合，一方面要与后台的程序很好地结合起来，另一方面要制作得相对美观，所以应该掌握好表单元素的正确插入与设置。 * * * * * * * 第8章 制作表单页面 教学内容：表单是网站管理员和用户之间进行沟通的桥梁。目前大多数的网站，尤其是大中型的网站，都需要与用户进行动态的交流，要实现与用户的交互，表单是必不可少。如在线注册、在线购物、在线问卷调查等。这些过程都需要填写一系列表单，用户填写好这些表单，将其发送到网站的后台服务器，交由服务器端的脚本或应用程序来处理。 教学重点 表单 建立表单元素 插入跳转菜单 Spry表单验证 插入按钮和图像域 插入文件域 8.1 表单 8.1.1 表单基础知识 一个完整的表单应该包含两个部分：一是在网页中进行描述的表单对象；二是应用程序，它可以是服务器端的，也可以是客户端的，用于对客户信息进行分析处理。 8.1.2 插入表单 如果要在页面中插入，可以使用插入面板的“表单”分类加入表单和表单元素。 表单属性 表单名称：代码中引用表单时所使用的表单名称。必须唯一。 动作：设置处理表单的服务器端脚本。 方法：POST与GET方法的区别。 POST：暗文传送，数据量可以很大。 GET：明文传送，密码等机密数据可以在URL中看到，不安全。并且数据量受到URL的长度限制（8192字符），数据量太大时会被截断。 目标：表单处理完成后结果的显示方式。 MIME类型：提交的表单数据采用的编码方式，一般情况下应选择【Application/x-www-form-urlencoded】。当需要上传文件到服务器时，应选择【multipart form-data】并结合post方法一起使用。 8.2 建立表单元素 8.2.1 插入文本域/密码域 文本域属性 文本域 字符宽度：一次最多可显示的字符数。 最多字符数：最多可输入的字符数。如密码最多输入6位等。 类型：单行、多行、密码。其中设置为密码时输入文本将被替换为星号或项目符号。 初始值 禁用 只读 扩展1：预设输入文字的字体和大小 输入代码：style=font-family:”华文行楷”;font-size:16px 扩展2：怎样使用户在有初始值的文本域中直接输入内容？ onmouseover=this.focus() onfocus=this.select() 8.2.2 插入文本区域 8.2.3 插入复选框与单选按钮 单选按钮属性 单选按钮：所有同一组的单选按钮必须具有相同的名称。 选定值：用来判断单选按钮被选定与否。同一组单选按钮的选定值应设置不同的值。 初始状态：同一组内的单选按钮只能有一个初始状态是“已勾选”。 复选框属性 复选框名称 选定值