《Dreamweaver8和Flash8案例教程》第4章 表单、样式表

《《Dreamweaver8和Flash8案例教程》第4章 表单、样式表》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第4章表单、样式表与网页中的其他对象【案例11】“电脑配置调查表”网页4.1【案例12】“硬盘的性能指标”网页4.2【案例13】“Word操作演示”网页4.3【案例14】“电子市场图片秀”网页4.44.1【案例11】“电脑配置调查表”网页4.1.1学习目标“电脑配置调查表”网页的显示效果如图4-1-1所示。在该网页中，以表单的方式列出了电脑主要配件的调查信息，只需在页面中按照提示进行选择或输入后，单击“提交”按钮，即可将网页中的信息提交到服务器的数据库中。图4-1-1“电脑配置调查表”网页的显示效果表单是用户利用浏览器对Web站点数据库进

2、行查询和添加的一种界面，用户利用表单可以输入信息或选择选项等，然后将这些信息提交给服务器进行处理，这种查询方式叫做交互的或者双向的。这些表单对象包括文本域、下拉列表框、复选框和单选按钮等。表单对象是让用户输入信息的地方，表单域是放置表单对象的区域，只有表单域内的表单对象，才可以将它的信息传送出去。4.1.2操作过程1．创建表单域和插入表单对象（1）创建与删除表单域创建表单域：将光标移到要插入表单域的位置，单击“插入”（表单）栏内的“表单”按钮，即可在网页编辑窗口内创建一个表单域，如图4-1-2所示。4.1.3相关知识图4-1-2创建的表单

3、域单击表单域内部，将光标移到表单域内，按回车键，即可将表单域调大。按BackSpace键，可使表单域缩小。表单域在浏览器内是看不到的。显示表单域：在表单域创建后，若看不到表单域的矩形红线，可以单击选中“查看”→“可视化助理”→“不可见元素”菜单命令，即可将表单域的矩形红线显示出来。删除表单域：单击表单域的边线处，选中表单域，按Delete键，即可删除表单域。（2）设置表单域的属性选中表单域，此时表单域“属性”栏如图4-1-3所示。图4-1-3表单域“属性”栏“表单名称”文本框：在该文本框内，输入表单域的名字。表单域的名字可用于JavaSc

4、ript和VBScript等脚本语言中，这些脚本语言可以控制表单域的属性。“动作”文本框和按钮：利用它们可以输入脚本程序或含有脚本程序的HTML文件。“方法”下拉列表框：用来选择客户端与服务器之间传送数据采用的方式。3个选项是“默认”、“GET”（获得，即追加表单值到URL，并发送服务器GET请求）和“POST”（传递，在消息正文中发送表单的值，并发送服务器POST请求）。“类”下拉列表框：其中有“重命名”、“管理样式”和创建的CSS样式名称等多个选项，可以用来选择CSS样式、给CSS样式更名和创建新的CSS样式等。（3）插入表单对象的方

5、法将光标移到要插入表单对象的表单中，再插入表单对象。插入表单对象的方法与插入表单的方法一样。将光标移到要插入表单对象的位置，然后单击“插入”（表单）栏中的相应按钮，即可在光标处插入一个相应的表单对象。另外，单击“插入”→“表单”菜单命令，弹出它的下一级菜单。根据要插入的表单对象类别，单击菜单内的菜单命令也可插入表单对象。表单对象的“属性”栏中都有一个名称文本框，用来输入表单对象的名称，该名称可在程序中使用，以指定表单对象。（1）文本域属性的设置：文本域也叫做文本字段，表单中经常使用文本域。它可以是单行，也可以是多行，用于接收文本、数字和字

6、符。文本域的“属性”栏如图4-1-4所示，各选项的作用如下。2．表单对象图4-1-4文本域的“属性”栏“字符宽度”文本框：文本域的宽度，即可显示字符的最多个数。“类型”栏：该栏有3个单选项，用来选择“单行”、“多行”或“密码”文本域。密码文本域的特点是：当用户输入文字时，密码文本域内显示的不是这些文字，而是一行“*”。选择“多行”单选项时，其“属性”栏会发生变化：“初始值”文本框变为带滚动条的多行文本框，同时“换行”下拉列表框变为有效，“字符宽度”文本框变为“行数”文本框，用来输入文本框的行数。“初始值”文本框：用来输入文本框的初始内容。

7、“换行”下拉列表框：只有在选择了“多行”类型后它才有效。“换行”下拉列表框内有4个选项，它们的含义如下。“默认”：采用浏览器的默认值。“关”：当输入的文字超过文本框的宽度时不换行，但是会出现滚动条。“虚拟”：当输入文字超过文本框宽度时会自动换行，向服务器传输数据时无回车符。“实体”：当输入的文字超过文本框的宽度时，会自动加入回车符并换行。（2）复选框属性的设置：复选框有选中和未选中两种状态，多个复选框允许多选。它的“属性”栏如图4-1-5所示，各选项的作用如下。图4-1-5复选框的“属性”栏“选定值”文本框：用来输入复选框选中时的数值，通

8、常为1或0。“初始状态”栏：它有两个单选项，用来设置复选框的初始状态。（3）单选按钮属性的设置：单选按钮也叫做单选项，一组单选按钮中同一时间只允许选中一个，它的“属性”栏如图4-1-6所示。该