第九章 交互式表单.pptVIP

组长：缪艳齐 组员：司家月 胥蕙涛 杨平 吴佩 9.1 表单的基础知识 9.1 表单的基础知识 9.1 表单的基础知识 3.插入单选按钮 9.1 表单的基础知识 综合实例 9.1 表单的基础知识 演示图结果 即将文本域的设置必需、数字等 Spry验证对象 Spry验证对象是针对各类表单的，插入Spry验证对象，可以验证表单的有效性。 * * * * 9.2 插入文本域表单对象 9.3 插入表单按钮对象 9.4 插入列表和菜单表单对象 9.5 检查表单 表单一般被设置在一个HTML文档中，访问者填写相关信息后提交表单，表单内容会自动从客户端的浏览器传送到服务器上，经过服务器上的ASP或CGI等程序处理后，再将访问者所需的信息传送到客户端的浏览器上。 表单用form/form标记来创建的，在form/form标记之间的部分都属于表单的内容。form标记具有action、method和target属性。 处理程序的程序名，例如form action=URL,如果属性是空值，则当前文档的URL将被使用，当提交表单时，服务器将执行程序。 定义处理程序从表单中获得信息的方式，可以选择GET或POST中的一个。GET方式是处理程序从当前HTML文档中获取数据，这种传送的数据量是有限制的。POST方式是当前HTML文档把数据传送给处理程序。 指定目标窗口或帧。可以选择当前窗口_self、父级窗口_parent、顶层窗口_top和空白窗口_blank。 要在网页文档中插入表单对象，可以单【插入】工具栏上的【表单】选项卡，打开【表单】插入栏。单击相应的表单对象按钮。 9.2 插入文本域表单对象 9.3 插入表单按钮对象 9.4 插入列表和菜单表单对象 9.5 检查表单 1.插入单行文本域 选择【插入】|【表单】|【文本字段】命令，或单击【表单】插入栏上【文本字段】 按钮，打开【输入标签辅助功能属性】对话框。 单击该对话框中的【确定按钮】，即可在文档中创建一个单行文本字段。 选中插入的单行文本字段，打开【属性】面板。 【文本域】文本框：可以输入文本域的名称 【字符宽度】文本框：可以输入文本域中允许显示的字符数目 【最多字符数】文本框：用于输入文本域中允许输入的最大字符数目，这个值将定义文本域的大小限制，并用于验证表单。 【初始值】文本框：用于输入文本域中默认状态下显示的文本。 【类】下拉列表框；指定用于该表单的CSS样式 2. 插入多行文本域 在插入单行文本域后，选中【属性】面板中的【多行】单选按钮，即可插入多行文本域。 插入多行文本域后，可以再【属性】面板的【字符宽度】文本框中输入文本框字符宽度大小数值；在【行数】文本框中可以输入多行文本框行数，在【初始值】文本框中可以输入文本框初始内容。 3.插入密码文本域 插入单行文本域后，选中【属性】面板中的【密码】单选按钮，即可插入密码文本域。 插入密码文本域后，在浏览器中预览网页文档时，输入的文本以*代替 单击【表单】插入栏上的【隐藏域】按钮 ，即可在文档中创建一个隐藏域。 选择隐藏域，打开【属性面板】。在隐藏于【属性】面板中，可输入隐藏域的名称。在【值】文本框中，可输入隐藏域的初始值。 选择【插入】|【表单】|【文件域】命令，或单击【表单】插入栏中的【文件域】按钮 ，即可在文档中创建一个文件上传域。 选中插件文件上传域，打开【属性】面板。 【文件域名称】文本框： 用于输入文件域的名称 【最多字符数】文本框：用于 输入文件域的文本框中允许输入 的最大字符数 【类】下拉列表框：用于 指定该表单的CSS样式 9.2 插入文本域表单对象 9.3 插入表单按钮对象 9.4 插入列表和菜单表单对象 9.5 检查表单 按钮表单对象包括按钮、单选按钮、单选按钮组、复选框和复选框组。按钮表单对象主要用于控制对表单的操作 1.按钮表单对象作用。 在预览网页文档时，当输入完表单数据后，可以单击表单按钮，提交服务器处理；如果对输入的数据不满意，需要重新设置时，可以单击表单按钮，重新输入。复选框和单选按钮是预定义选择对象的表单对象。可以再一组复选框中选择多个选项；单击表单按钮也可以组成一个组使用，提供相互排斥的选项值，在单选按钮组内只能选择一个选项。 2.插入表单按钮 表单按钮是标准的浏览器默认按钮样式，它包含需要显示的文本，它包括【提交】和【重置】按钮。 选择【插入】|【表单】|【按钮】命令，打开【输入标签辅助功能属性】对话框，单击【确定】按钮，即可在文档中创建一个表单按钮。 高手点拨：插入的按钮表单对象，默 认的是【提交】按钮，可以在【属性 面板中修改。此外，选中按钮，可以 拖动缩放按钮大小。 选中一个按钮表单，打