陈丹丹老师的课件第六章表单和Spry框架_图文.pptVIP

* 表单和Spry框架 * * 表单概述 * 在DW CS3中，创建包含文本域、密码域、单选按钮、复选框、弹出菜单、可单击按钮以及其他表单对象的表单，还可以编写用于验证访问者所提供信息的代码。 表单支持客户端-服务器关系（B/S)中的客户端。当访问者在Web浏览器（客户端）中显示出的表单中的输入信息，然后单击提交按钮时，这些信息将发送到服务器，服务器中的服务端脚本或应用程序会对这些信息进行处理。服务器向用户（客户端）返回所请求的信息或基于该表单内容执行某些操作，以此进行响应。 表单概述 * 表单输入类型成为表单对象，表单对象是允许用户输入数据的机制。 表单对象 说明 文本域 接受任何类型的字母、数字文本输入内容。可单行或多行显示，也可以以密码域显示。 隐藏域 存储用户输入的信息，如姓名、电子邮件地址或偏爱的查看方式，并在该用户下次访问此站点的时候使用这些数据。 按钮 在单击时执行操作。可以为按钮添加自定义名称或标签，或者使用预定义的“提交”和“重置”。使用按钮可将表单数据提交到服务器，或者重置表单，还可以指定其他已在脚本中定义的处理任务。 复选框 允许在一组选项中选择多个选项。 单选按钮 代表互相排斥的选择。 表单概述 * 表单对象 说明 列表菜单 在一个滚动列表中显示选项值，用户可以从滚动列表中选择多个选项。用户只能从中选择单个选项。菜单与文本域不同，在文本域中用户可以随心所欲输入任何信息，或者包括无效的数据，对于菜单而言，可以具体设置某个菜单返回的确切值。 跳转菜单 课导航的列表或弹出菜单，使用它们插入一个菜单，其中每个选项都链接到某个文档或文件。 文件域 使用户可以浏览到其计算机上的某个文件并将该文件作为表单数据上传。 图像域 可以在表单中插入一个图像。使用图像与可生成图形化按钮。如果使用图像来执行任务而不是提交数据，则需要将某种行为附加到表单对象。 表单 * 表单 * 1、表单名称：输入标识该表单的唯一名称。 2、动作：输入处理表单数据的页面或脚本。 3、方法：指定将表单数据传输到服务器的方法。 （1）默认值：使用浏览器的默认设置将表单数据发送到服务器。 （2）GET：将值附加到请求该页面的URL中。 （3）POST：在HTTP请求中嵌入表单数据。 注意： 1、不要使用GET方法发送长表单。URL的长度限制在8192个字符以内。如果发送的数据量太大，数据将被截断，从而会导致意外的或失败的处理结果。 2、由GET方法传递生成的动态页面，可以添加书签，POST则不可以； 3、如果要收集机密用户名和密码、信号卡号或者其他机密信息，POST方法比GET更加安全，但是POST发送的信息也是未经加密的，容易被黑客截获。 表单 * 4、MIME类型：指定对象提交给服务器进行处理的数据使用MIME编码类型。默认设置application/x-www-form-urlencode的通常与POST方法一起使用。 5、目标：指定一个窗口来显示被调用程序返回的数据。 （1）_blank：在未命名的新窗口中打开目标文档； （2）_parent:在显示当前文档窗口的父窗口中打开目标文档。 （3）_self:在提交表单时所在的同一窗口中打开目标文档。 （4）_top：在当前窗口的窗体内打开目标文档。 form id=form1 name=form1 method=post action= /form 文本字段 1、ID：表单域指向ID 2、标签文字：文本字段的标签说明属性。 3、样式 4、位置：设置标签文字在表单项前面或后面。 5、访问键：使用等效的键盘键（一个字母）加上“Alt”键在浏览器中选择表单对象 6、Tab键索引：为表单对象指定Tab顺序。（如果为一个对象设置了Tab顺序，则所有对象必须设置） 7、常用的文本字段：单行、多行和密码文本框。 单行、密码框标识：input/input 多行：textarea/textarea * 隐藏域和文本区域 input type=hidden name=hiddenField id=hiddenField / * 复选框 label input type=checkbox name=checkbox id=checkbox / 电脑/label * 单选按钮 label input type=radio name=radio id=radio value=radio / /label * 单选按钮组 1、名称：单选按钮组的名称。 2、添加+：增加单选按钮 3、删除-：删除单选按钮 4、上下移：向上/下移动选择单选按钮 5、布局：换行符/表格两种方式。 * 列表/菜单 * 列表/菜单 * select name=select size=4 id=select op