陈丹丹老师的课件第六章表单和Spry框架.ppt

表单和Spry框架 3 25 2020 1 表单概述 2 在DWCS3中 创建包含文本域 密码域 单选按钮 复选框 弹出菜单 可单击按钮以及其他表单对象的表单 还可以编写用于验证访问者所提供信息的代码 表单支持客户端 服务器关系 B S 中的客户端 当访问者在Web浏览器 客户端 中显示出的表单中的输入信息 然后单击提交按钮时 这些信息将发送到服务器 服务器中的服务端脚本或应用程序会对这些信息进行处理 服务器向用户 客户端 返回所请求的信息或基于该表单内容执行某些操作 以此进行响应 表单概述 3 表单输入类型成为表单对象 表单对象是允许用户输入数据的机制 表单概述 4 表单 5 表单 6 1 表单名称 输入标识该表单的唯一名称 2 动作 输入处理表单数据的页面或脚本 3 方法 指定将表单数据传输到服务器的方法 1 默认值 使用浏览器的默认设置将表单数据发送到服务器 2 GET 将值附加到请求该页面的URL中 3 POST 在HTTP请求中嵌入表单数据 注意 1 不要使用GET方法发送长表单 URL的长度限制在8192个字符以内 如果发送的数据量太大 数据将被截断 从而会导致意外的或失败的处理结果 2 由GET方法传递生成的动态页面 可以添加书签 POST则不可以 3 如果要收集机密用户名和密码 信号卡号或者其他机密信息 POST方法比GET更加安全 但是POST发送的信息也是未经加密的 容易被黑客截获 表单 7 4 MIME类型 指定对象提交给服务器进行处理的数据使用MIME编码类型 默认设置application x www form urlencode的通常与POST方法一起使用 5 目标 指定一个窗口来显示被调用程序返回的数据 1 blank 在未命名的新窗口中打开目标文档 2 parent 在显示当前文档窗口的父窗口中打开目标文档 3 self 在提交表单时所在的同一窗口中打开目标文档 4 top 在当前窗口的窗体内打开目标文档 文本字段 1 ID 表单域指向ID2 标签文字 文本字段的标签说明属性 3 样式4 位置 设置标签文字在表单项前面或后面 5 访问键 使用等效的键盘键 一个字母 加上 Alt 键在浏览器中选择表单对象6 Tab键索引 为表单对象指定Tab顺序 如果为一个对象设置了Tab顺序 则所有对象必须设置 7 常用的文本字段 单行 多行和密码文本框 单行 密码框标识 多行 8 隐藏域和文本区域 9 复选框 电脑 10 单选按钮 11 单选按钮组 1 名称 单选按钮组的名称 2 添加 增加单选按钮3 删除 删除单选按钮4 上下移 向上 下移动选择单选按钮5 布局 换行符 表格两种方式 12 列表 菜单 13 列表 菜单 14 博士硕士本科大专高中 跳转菜单 15 图像域 16 文件域 17 按钮 表单中输入的信息要通过按钮动作上传到服务器 1 button 基本类型 需要代码实现具体功能 2 submit 提交按钮 用户输入的信息提交给服务器进行处理 不需写代码 3 reset 充值按钮 是把表单中用户输入的信息进行清空 不需写代码 18 Spry框架与组件 Spry框架是一个javascript库 Web设计人员使用它可以构建能够向站点访问者提供更加丰富体验的web页 可以使用HTKL CSS和极少量的Javascript将XML数据合并到HTML文档行中 创建组件可以向各种页面元素中添加不同种类的效果 19 Spry框架与组件 Spry组件是一个页面元素 通过启用用户交互来提供更丰富的用户体验 1 组件结构 用来定义组件结构组成的HTML代码块 2 组件行为 用来控制组件如何响应用户启动事件的Javascript 3 组件样式