职称计算机考试Dreamwaver中表单的创建与应用

相关推荐

　　表单在网页中主要负责数据采集功能。下面小编给大家讲述的是职称计算机考试Dreamwaver中表单的创建与应用，大家可以参考阅读，更多详情请关注应届毕业生考试网。

职称计算机考试Dreamwaver中表单的创建与应用

　　创建表单

　　在Dreamweaver中可以创建各种各样的表单，表单中可以包含各种对象，例如文本域、按钮、列表等。

　　1、插入表单

　　在网页中添加表单对象，首先必须创建表单。表单在浏览网页中属于不可见元素。在Dreamweaver8中插入一个表单。当页面处于“设计”视图中时，用红色的虚轮廓线指示表单。如果没有看到此轮廓线，请检查是否选中了“查看”>“可视化助理”>“不可见元素”。

　　(1)将插入点放在希望表单出现的位置。选择“插入”>“表单”，或选择“插入”栏上的“表单”类别，然后单击“表单”图标，

　　(2)用鼠标选中表单，在属性面板上可以设置表单的各项属性。

　　在“动作”文本框中指定处理该表单的动态也或脚本的路径。

　　在“方法”下拉列表中，选择将表单数据传输到服务器的方法。表单“方法”有：

　　POST 在 HTTP 请求中嵌入表单数据。GET 将值追加到请求该页的 URL 中。默认使用浏览器的默认设置将表单数据发送到服务器。通常，默认方法为 GET 方法。不要使用 GET 方法发送长表单。URL 的长度限制在 8,192 个字符以内。如果发送的数据量太大，数据将被截断，从而导致意外的或失败的处理结果。而且，在发送机密用户名和密码、信用卡号或其他机密信息时，不要使用 GET 方法。用 GET 方法传递信息不安全。

　　在“目标”弹出式菜单指定一个窗口，在该窗口中显示调用程序所返回的数据。如果命名的窗口尚未打开，则打开一个具有该名称的新窗口。目标值有： _blank，在未命名的`新窗口中打开目标文档。 _parent，在显示当前文档的窗口的父窗口中打开目标文档。 _self，在提交表单所使用的窗口中打开目标文档。 _top，在当前窗口的窗体内打开目标文档。此值可用于确保目标文档占用整个窗口，即使原始文档显示在框架中。

　　表单的应用

　　1、一个简单的提交留言页面

　　新建11.html网页文件，选择表单插入栏，插入表单，将光标放置在表单内，插入一个5行2列的表格，将第1、5行合并。分别在第2、3行插入文本字段，在第4行插入文本区域，在第5行插入两个按钮。

　　文本域是用户在其中输入响应的表单对象。有三种类型的文本域：

　　单行文本域通常提供单字或短语响应，如姓名或地址。

　　多行文本域为访问者提供一个较大的区域，供其输入响应。可以指定访问者最多可输入的行数以及对象的字符宽度。如果输入的文本超过这些设置，则该域将按照换行属性中指定的设置进行滚动。

　　密码域是特殊类型的文本域。当用户在密码域中键入时，所输入的文本被替换为星号或项目符号，以隐藏该文本，保护这些信息不被看到。

　　页面布局效果如下:

　　2、制作网页跳转菜单

　　打开一个建立好的网页文件，把鼠标的光标放置在需要插入跳转菜单的.位置。选择表单插入栏中的“跳转菜单”命令，在网页中插入一个跳转菜单。

　　在弹出的“跳转菜单”对话框中，根据提示输入相应内容：

　　点击确定，按F12预览效果。

　　3、运行代码实例

　　新建文件12.html。

　　打开12.html，插入表单，在表单中插入一个文本区域，在回车，再插入一个按钮。

　　选中文本区域，在属性面板中，设置文本区域的文本宽度为50，行数为8。

　　选中按钮，在属性面板中，将按钮的值设为“运行代码”。

　　选中form表单，在属性面板中，单击动作文本框旁的“浏览按钮”，选择指向13.html，目标选择_blank。

　　在11.html的代码区复制整个代码，在打开12.html文件，在设计视图中选中文本区域，转到代码区，将光标放置在<textarea name="textarea" cols="50" rows="8"></textarea>的“><”之间，按住Ctrl+V粘贴11.html页面的代码。　　保存后，按F12预览。