第6章 单和Spry构件.pptVIP

第 6 章 表单和 Spry 构件 6.1 【案例 24】“中国自助旅游协会会员登记表”网页 相关知识 1．表单域和插入表单对象 （1）创建与删除表单域： ① 创建表单域：将光标移到要插入表单域的位置。单击“插入”（表单）面板内的“表单”按钮 ，或用鼠 标将“插入”（表单）栏内的表单图标 拖动到网页文档窗口内，即可在网页设计窗口内创建一个表单域，如图 6-1-3 所示。 单击表单域内部，将光标移到表单域内，按【Enter】键可将表单域调大。按【Backspace】键可使表单域缩 小。表单域在浏览器内是看不到的。 ② 显示表单域：在表单域创建后，若看不到表单域的矩形红线，可以单击“查看”→“可视化助理”→“不 可见元素”命令，将表单域的矩形红线显示出来。 ③ 删除表单域：单击表单域边线，选中表单域，按【Delete】键，可删除表单域。 等颖谊咏绎毋驱辙詹噬无捉狰昆脚甚舌沟妆蜡第缕蔷骂谬笆硬澄猎锅撅滞第6章 表单和Spry构件第6章 表单和Spry构件 l l l l （2）设置表单域的属性：单击选中表单域，此时表单域“属性”栏如图 6-1-12 所示。 图 6-1-12 表单域“属性”栏 “表单名称”文本框：在该文本框内输入表单域的名称。该名称可用于 JavaScript 和 VBScript 等脚本语 言中，这些脚本语言可控制表单域的属性。 “动作”文本框和文件夹按钮：可以输入脚本程序或含有脚本的 HTML 文件。 “方法”下拉列表框：用来选择客户端与服务器之间传送数据采用的方式。其中的三个选项分别是“默认”、 “GET”（获得，即追加表单值到 URL，并发送服务器 GET 请求）和“POST”（传递，在消息正文中发送表 单的值，并发送服务器 POST 请求）。 “类”下拉列表框：其中有“重命名”、“管理样式”和创建的 CSS 样式名称等多个选项。这些选项可以 用来选择 CSS 样式、给 CSS 样式更名和创建新的 CSS 样式等。 （3）插入表单对象：将光标移到要插入表单对象的位置，单击“插入”（表单）栏中的相应按钮，可在光标处 插入一个相应的表单对象。单击“插入记录”→“表单”命令，可调出它的下一级菜单。根据要插入的表单对象 类别，单击其内的命令也可插入表单对象。 否蝉弯舒舷划纷哇仑坡砍八晴紊胀辖绳镐赫抽脊誓御或汹玛嘿楚掩积斩霞第6章 表单和Spry构件第6章 表单和Spry构件 和文本区 表单对象的“属性”栏中都有一个名称文本框，用来输入表单对象的名称，该名称可在程序中使用，以指定 表单对象。 2．设置文本字段和文本区域的属性 文本字段也叫文本域。表单中经常使用文本字段。它可以是单行，也可以是多行，主要用于接收文本、数字 和字符。文本字段 的“属性”栏如图 6-1-4 所示。如果选中了“类型”选项组内的“密码”单选按钮，则“属 性”栏如图 6-1-5 所示。如果选中了“类型”选项组内的“多行”单选按钮，则“属性”栏如图 6-1-6 所示。 创建文本区域 的方法和创建文本字段 的方法基本一样，只是单击的是“文本区域”按钮 。文本区域 的 “属性”栏与图 6-1-6 基本一样。在网页中创建的文本区域是一个右边有滚动条的文本框。文本字段 域 “属性”栏内各选项的作用如下： （1）“字符宽度”文本框：文本域的宽度，即显示字符的最多个数。 （2）“类型”选项组：该选项组有三个单选按钮，用来选择“单行”、“多行”或“密码”文本域。密码文本 域的特点是：当用户输入文字时，密码文本域内显示的不是这些文字，而是一行“●”。选择“多行”单选按钮 时，其“属性”栏会发生变化——“初始值”文本框变为带滚动条的多行文本框，同时“换行”下拉列表框变为 有效，“字符宽度”文本框变为“行数”文本框，用来输入文本框的行数。 （3）“最多字符数”文本框：允许输入的字符个数，可以比文本框宽度大。 听貌浚决碾鲍泡妻迈衫啊饱源逸憨些旅术莲藐拐和泣麓陛钮忍烩炙槐朵扇第6章 表单和Spry构件第6章 表单和Spry构件 l l l l l l （4）“初始值”文本框：用来输入文本框的初始内容。 （5）“换行”下拉列表框：只有在选择了“多行”类型后才变为有效状态。“换行”下拉列表框内有四个选项， 其含义如下： “默认”：采用浏览器的默认值。 “关”：当输入的文字超过文本框的宽度时不换行，但会出现滚动条。 “虚拟”：当输入的文字超过文本框宽度时会自动换行，在向服务器传输时无回车符。 “实体”：当输入的文字超过文本框的宽度时