网页制作 第六章.pptVIP

第六章使用表单制作交互式网页 使用表单制作交互式网页 表单的基本概念 表单对象的应用 验证表单 Spry验证构件 概述 表单可以根据用户输入的信息自动生成页面反馈给访问者,可实现访问者与网站的交互功能。 最典型的应用就是用户的注册和登陆系统、在线调查、搜索和定购商品等 最常见的表单网页 表单之中包含有很多的HTML表单对象即控件。 用于文本输入的文本框和文本区 用于项目选择的单选按钮和复选框 用于选项显示的列表框 用于处理表单信息的提交按钮等 创建表单网页 一个完整的表单由两部分组成，即表单域和表单对象 。 表单域 表单域相当于一个容器，包含所有的表单对象，以及处理数据所用程序的URL和数据提交到服务器的方法。 Form属性 表单对象 INPUT 表单中的各个对象大部分字段都是使用INPUT标记来定义, 基本语法格式为 : INPUT TYPE=“类型”NAME=“名称”VALUE=“值” 验证表单 为避免用户输入数据时粗心大意或其他原因有可能会输入错误的数据。有必要验证用户输入信息的合法性 。 客户端验证是指数据未提交到服务器端之前，在客户端的浏览器中对表单进行验证。这通常用Dreamweaver的行为来实现 。 添加“检查表单”行为 利用Dreamweaver自带的“检查表单”行为可以很方便地为表单中各元素设置有效性规则。当用户单击提交按钮后，它会自动检查指定文本域的内容以确保用户输入正确的数据类型。 自定义JavaScript脚本程序 单击【常用】插入栏中的“脚本”按钮 ，弹出【脚本】对话框,将自定义好的代码输入到“内容”文本框中 . Spry验证构件 使用Spry验证文本域构件及时提示所输入信息是否有效。 创建Spry验证构件 添加好表单域后,便可在【表单】插入栏中选择需验证的Spry验证构件. 课后练习 使用所提供的图片素材建立一个表单，并用Spry验证表单是否有效。 网页设计与制作技术 网页设计与制作技术 表 单 网 页 表单域 表单对象 通过HTTP post机制，将表单内各个字段与其内 容放置在HTML HEADER内一起传送到ACTION 属性所指的URL地址。用户看不到这个过程。 POST 请求信息作为查询字符串发送，该方法将提交的 信息加到URL后面发送给服务器。 GET 方法 指定处理表单信息的脚本程序所在的URL路径 action 表单名称标识，以便使用JavaScript或VBScript来 引用该表 name 说明 属性值 属性名称 表单标签为：form/form，其常用属性如表所示 文本字段 ：用于在表单中插入一个单行的文本框 文本区域 ：用于在表单中插入一个多行的文本区域 复选框 ：用于在表单中插入复选框 单选按钮 ：用于在表单中插入单选按钮 按钮 ：用于在表单中插入文本按钮 重置钮 RESET 提交钮 SUBMIT 按钮 BUTTON 图像域 IMAGE 单选钮 RADIO 复选框 CHECKBOX 密码框 PASSWORD 文本框 TEXT 描述 TYPE的类型 网页设计与制作技术