WDF(11)

 

专题：Dreamweaver的使用

 

教学内容

       

PPT22——

 

表单对应的HTML元素是form，我们前面讲了类似于注册页面或调查问卷需要使用到表单，表单中包含一系列可供浏览网页的用户填写的控件，用于收集用户信息，和用户进行交互。

 

和其它大多数HTML元素一样，DW中插入表单的方式有两种：一种是菜单“插入”中的“表单”菜单项；另外一种是使用表单“插入栏”。

 

如果不插入表单，而直接插入文本框等表单项目，DW会提示你是否需要先插入一个表单，所以，一般情况下，在插入表单项目之前，最好先插入一个表单。

 

和其它元素不同的是，对于表单和表单元素来说，我们需要为表单元素指定name属性，否则我们无法获取表单中的取值。动作（action属性）用于指定处理表单的服务器应用程序的地址；方法（method属性）用于指定向服务器应用程序提交表单的方式；目标（target属性）用于指定处理表单的应用程序页面在哪个窗口打开，是表单所在的窗口还是另外打开一个新窗口，和我们以前讲的a元素的target属性类似；MIME类型指定使用表单中的数据在传递到服务器时如何编码，一般情况下，我们不需要设置该属性（上传文件时需要设置该属性）。

 

 

PPT23——

 

插入表单后，我们就可以在表单中插入表单项目了，单独一个表单在页面上不会显示任何东西，需要在其中使用表单项目完成与用户的交互。DW的表单“插入栏”为表单元素提供了14个按钮，这和我们前面讲过的表单项目元素（input、textarea和select）是对应的。不过，DW中提供了两个额外的元素fieldset和label，这两个元素其实是为了在表单中对表单项目进行排版，一般情况下，我们会把表单和表格结合起来排版，所以并不常用，我们在讲元素的时候也就没有进行介绍。

 

我们需要熟悉的表单“插入栏”的按钮有这样八个：文本字段、隐藏域、文本区域、复选框、单选按钮、列表/菜单、图像域、文本域和按钮，想一下它们分别对应我们以前讲过的那些元素。

 

 

PPT24——

 

先来看一下文本字段和文本区域，这两个按钮对应的“属性检查器”页面是相似的，也就是说在“属性检查器”中，可以通过对“类型”项目中单选按钮的选择在文本字段和文本区域之间进行切换（实际上还有一个是密码框）。

 

在了解表单项目元素之间，还是要强调一次需要为表单和表单元素设置name属性值。

 

文本框和密码框都用于收集单行信息，其主要属性有name、size、maxlength和value，想一想它们的具体含义是什么。

 

文本区域用于收集单行或多行信息，其主要属性有cols和rows。虽然文本区域的“属性检查器”中也有“初始值”这一项，但是，需要注意的是，和文本框、密码框不同的是，文本区域中的初始值并不是由文本区域的属性对来表示的，它的初始值直接包含在textarea元素的开始和结束标签之间。

 

hidden元素在页面上并不显示，平常用的比较少，有两个属性name和value，分别代表隐藏参数的参数名和参数值，它们的属性值都有设计人员自行指定。

 

 

PPT25——

 

DW将三种按钮submit、reset和button合在一起进行设置，通过指定“属性检查器”上的“动作”项目即可区分它们，对于按钮来说，我们只需要为button指定value属性以使得按钮上有文本显示即可；对于submit和reset来说，不需要为它进行任何设置。

 

checkbox和radio的属性检查器非常类似，这是由它们本身的特点所决定的，注意我们需要为同组的复选框和单选按钮设置相同的name属性，这和其它表单项目是不同的。

 

 

PPT26——

 

对于图像域来说，它首先是一幅图片，所以它的主要属性是和前面说过的img元素的类似，如src、alt、align等基本属性。图片域在表单中的作用和提交按钮一致，使用它主要是为了改善提交按钮相对呆板的外观。对于图像域和按钮来说，我们可以不为它们指定name属性，因为它们并不接受用户的输入。

 

select元素用于在表单中插入一个下拉菜单或列表，看一下DW中的属性检查器，注意选择“菜单”和“列表”时项目“高度（size属性）”和“选定范围（multiple属性）”的变化。其实，DW认为一旦select元素是只有一行的下拉列表，就不可以设置该元素是允许多选的，而size属性正是将一行的下拉列表更改为多行的菜单的属性。

 

有了select元素，我们只有一个空的框架，里面并没有选项，也就是说我们要为select元素添加option子元素，使用“列表值”按钮即可。需要注意的是无法在DW设计状态中设置option元素的selected属性，即无法让选项默认被选中。

 

 

PPT27——

 

演示一个在线调查问卷的实现。

 

 

PPT28——

 

框架集和其它HTML元素不同，它不是显示在body元素内的可视化元素，所以在DW中使用框架的方式和其它元素是不同的：可以在新建网页时直接指定框架集，也可以在编辑一个现有网页时再拆分窗口。

 

DW对于框架的支持并不好，甚至无法为每个框架直接指定要加载的网页地址，只能切换到代码视图去指定框架的src属性为一个已经存在的网页的地址。在这个方面，相对来说，FrontPage和Expression Web要好一些。

 
        对应PPT下载