超链接与框架网页及其

《超链接与框架网页及其》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第十四章表单、超链接与框架网页及其应用教学内容重点：表单中的文本域、复选框、单选按钮、列表/菜单的使用超链接的使用框架的使用难点：制作发送电子邮件表单、制作跳转菜单和在网页中加入搜索引擎等较为高级的内容框架的应用表单：是实现网页互动的元素，与客户端和服务器端脚本进行结合使用，可以实现互动性。表单支持客户端-服务器关系中的客户端。当访问者在Web浏览器中显示的表单中输入信息，然后单击【提交】按钮时，这些信息将被发送到服务器，服务器端脚本或应用程序对这些信息进行处理，最后服务器端将处理结果返回给客户端。用于处理表单

2、数据的常用服务器端技术包括cgi、asp/asp.net、jsp、PHP等。表单Dreamweaver提供的表单对象包括表单、文本字段、隐藏域、文本区域、复选框、单选按钮、单选按钮组、列表菜单、跳转菜单、图像域、文件域、按钮、标签、字段集等。可以通过执行【插入】->【表单】命令来插入表单对象，也可以单击“插入”栏的“表单”类别中的表单对象按钮。表单对象创建表单（1）新建一个网页，将光标定位在希望表单出现的位置上。（2）执行【插入】->【表单】->【表单】命令，或选择“插入”栏上的“表单”类别，然后单击“表单”按

3、钮。（3）这时文档中将插入一个空的表单，如图5所示。在“设计”视图中，红色的虚轮廓线表示表单。注意：如果没有看到红色的虚轮廓线，请检查是否选中了【查看】->【可视化助理】->【不可见元素】选项。图5红色的虚轮廓线表示表单（4）选定上面的表单，显示表单属性面板，如图6所示。图6表单属性面板表单属性：表单名称：标识该表单的惟一名称。命名表单后，就可以使用脚本语言（如JavaScript或VBScript）引用或控制该表单。动作：指定处理该表单的动态网页或脚本的路径（如asp/asp.net、php、jsp等）。可以

4、在“动作”文本框中键入完整路径，也可以单击文件夹图标以选择一个动态网页或脚本。方法：选择将表单数据传输到服务器的方法，POST方法将在HTTP请求中嵌入表单数据；GET方法是将值附加到请求该页面的URL中；默认方法是使用浏览器的默认设置将表单数据发送到服务器。MIME类型：指定对提交给服务器进行处理的数据使用MIME编码类型，默认设置为“application/x-www-form-urlencode”通常与POST方法协调使用。如果要创建文件上传域，需指定“multipart/form-dataMIME”类型

5、。目标：设置提交表单后的目标浏览器。图7在表单中插入表格（2）将光标定位在“用户名”右边的单元格中，执行【插入】->【表单】->【文本域】命令，或选择“插入”栏上的“表单”类别，然后单击“文本字段”图标，显示“输入标签辅助功能属性”对话框，如图8所示。图8“输入标签辅助功能属性”对话框插入文本字段文本域可以接受任何类型的输入内容。文本可以单行或多行显示，也可以以密码域的方式显示。插入文本字段步骤如下：（1）定位光标在表单中，在表单中插入表格，并填充内容，如图7所示。（3）若以后不想在插入表单元素时显示“输入标签

6、辅助功能属性”对话框，单击对话框下面的链接文字“请更改‘辅助功能’首选参数”，显示“首选参数”对话框，如图9所示，取消“表单对象选项”。图9取消“表单对象选项”（4）单击“确定”按钮，保持“输入标签辅助功能属性”对话框中的值不变，单击“确定”按钮，文本字段被插入文档中，如图10所示。图10文本字段被插入文档中（5）选择该文本域，显示文本域属性面板，如图11所示。图11文本域属性面板文本域属性：文本域：指定该文本域惟一的名称。字符宽度：设置文本域中最多可显示的字符数。最多字符数：设置单行文本域中最多可输入的字符数

7、。换行：选中了“多行”选项，指定当用户输入的信息较多时如何换行显示。类型：指定文本域为单行、多行还是密码域。初始值：指定在载入表单时文本域中要显示的内容。（6）为表格增加一行，并在该行左边的单元格中输入说明文字。将光标定位在该行右边的单元格中，然后执行【插入】->【表单】->【文本字段】命令，插入一个文本字段。选中该文本字段，在属性面板中将“类型”由“单行”改为“密码”，则创建一个密码域。（7）为表格增加一行，并在该行左边的单元格中输入说明文字。将光标定位在该行右边的单元格中，然后执行【插入】->【表单】->【

8、文本字段】命令，插入一个文本字段。选中该文本字段，在属性面板中将“类型”由“单行”改为“多行”，则创建一个多行文本域。此时文档中页面效果如图12所示。图12插入多行文本字段文档中页面效果（8）保存，按快捷键F12预览，在文本字段中输入文字，效果如图13所示。图13预览并在文本字段中输入文字注意：要插入多行文本字段也可以直接执行【插入】->【表单】->【文本区域】命令，效果和插入多行文本