表单

表单的作用是从访问您的 Web 站点的用户那里获得信息。访问者可以使用诸如文本域、列表框、复选框以及单选按钮之类的表单对象输入信息,然后单击某个按钮提交这些信息。

您可以使用 Macromedia Dreamweaver 8 创建带有文本域、密码域、单选按钮、复选框、弹出式菜单、可单击按钮以及其它表单对象的表单。Dreamweaver 还可以编写用于验证访问者所提供的信息的代码。例如,可以检查用户输入的电子邮件地址是否包含“@”符号,或者某个必须填写的文本域是否包含了一个值。

插入表单

您可以使用 Dreamweaver 快速将 HTML 表单对象插入到您的表单中。 如果您正在 ASP.NET Web 应用程序上进行工作,则可以使用 Dreamweaver 快速插入 ASP.NET 表单控件。 您可以先创建一个空的 HTML 表单(插入】→【表单】→【表单),然后在该表单中插入表单对象。如果您没有创建空的表单而试图插入一个表单对象,Dreamweaver 将会询问您是否要创建一个空表单。

属性

名称

功能

name

表单名称

填入表单名称,该名称会在需要程序处理表单的时候用到

action

动  作

该属性用于定义将表单数据发送到哪个地方。其值采用URL方式。在大多数情况下,该属性值是一个HTTP类型的URL,指向位于服务器上的用于处理表单数据的脚本程序文件或CGI程序文件

method 方  法

默认

使用浏览器默认方法(一般为Get)

GET

把表单值添加给URL,并向服务器发送GET请求。因为URL被限定在8192个字符之内,所以不要对长表单使用GET方法

POST

在消息正文中发送表单值,并向服务器发送POST请求

ectype

MIME类型

设置发送表单到服务器的媒体类型,它只在发送方法为POST时才有效。其默认值为application/x-www-form-urlemoded;如果要创建文件上传域,应选择multipart/form-data

target

目  标

_blank

在未命名的新窗口中打开目标文档

_parent

在显示当前文档的父窗口中打开目标文档

_self

在提交表单所使用的窗口中打开目标文档

_top

在当前窗口的窗体内打开目标文档

表单元素



单行文本框 文本域接受任何类型的字母数字文本输入内容。文本可以单行或多行显示,也可以以密码域的方式显示,在这种情况下,输入文本将被替换为星号或项目符号,以避免旁观者看。
注意 使用密码域发送到服务器的密码及其它信息并未进行加密处理。所传输的数据可能会以字母数字文本形式被截获并被读取。因此,您始终应对要确保安全的数据进行加密。
多行文本框
密码文本框
若要插入一个文本域,请执行以下操作:
将插入点放在表单轮廓内。
选择【插入】→【表单】→【文本域】。
一个文本域随即出现在文档中。
在属性检查器中,根据需要设置文本域的属性。 若要在页面中为文本域添加标签,请在该文本域旁边单击,然后键入标签文字。

属性

名称

功能

name

文本域

文本域名称是程序处理数据的依据,命名要和文本域收集信息的内容相一致,名称尽量使用英文

maxlength

最多字符数

设置文本框内所能填写的最多字符数

size

字符宽度

设置此域的宽度有多少字符,默认为24个字符的长度

value

初始值

为默认状态下填写在单行文本框中的文字

文本区域 文本区域是文本域的特例。从属性面板可以看到这一点。
若要插入一个文本区域,请执行以下操作:
将插入点放在表单轮廓内。
选择【插入】→【表单】→【文本区域】。
一个文本域随即出现在文档中。

属性

名称

功能

name

文本域

域名,对于Script来说,一定要指定域名

cols

字符宽度

设置域的宽度有多少字符,默认值为20个字符的宽度

rows

行数

设置滚动文本框有几行,默认为两行文本的高度

value

初始值

设置域的默认值

wrap

换  行

默认或关

防止文本换行到下一行。当输入的内容超过文本区域的右边界时,文本将向左侧滚动。必须按Enter键才能将插入点移动到文本区域的下一行

虚拟

在文本区域中设置自动换行。当输入的内容超过文本区域的右边界时,文本换行到下一行。当提交数据进行处理时,自动换行并不应用于数据。数据作为一个数据字符串进行提交

实体

在文本区域设置自动换行,当提交数据进行处理时,也对这些数据设置自动换行

(文

域)

文件域使用户可以浏览到其计算机上的某个文件并将该文件作为表单数据上传。
您需要具有服务器端脚本或能够处理文件提交的页面,才可以使用文件上传域
文件域要求使用 POST 方法将文件从浏览器传输到服务器。该文件被发送到表单的“动作”文本框中所指定的地址。
选择表单以显示其属性检查器。  将表单“方法”设置为 POST。从“MIME 类型”弹出式菜单中,选择 multipart/form-data。
注意  在使用文件域之前,请与服务器管理员联系,确认允许使用匿名文件上传。
若要插入一个文件域,请执行以下操作:
将插入点放在表单轮廓内。
选择【插入】→【表单】→【文件域】。
一个文件域随即出现在文档中。
在属性检查器中,根据需要设置文本域的属性。

按钮在单击时执行操作。通常,这些操作包括提交或重置表单。您可以为按钮添加自定义名称或标签,或使用预定义的“提交”或“重置”标签之一。
若要创建一个按钮,请执行以下操作:
将插入点放在表单轮廓内
选择【插入】→【表单】→【按钮】。
一个按钮随即出现在文档中。
在属性检查器中,根据需要设置该按钮的属性。

羽毛球 复选框允许在一组选项中选择多个选项。用户可以选择任意多个适用的选项。
篮球
若要创建一个复选框请执行以下操作:
将插入点放在表单轮廓内
选择【插入】→【表单】→【复选框】。
一个复选框随即出现在文档中。
在属性检查器中,根据需要设置该复选框的属性。

属性

名称

功能

name

复选框名称

验证用户提交的表单或服务器上的脚本文件处理表单,并用来区别复选框的内容。注意同一组复选框应该使用统一的名称

value

选定值

被递交到服务器上进行应用程序处理和参与运算

Checked

初始状态

访问者还没有对复选框做出选择时的状态,初始状态有【已勾选】和【未选中】

单选按钮代表互相排斥的选择。在某单选按钮组(由两个或多个共享同一名称的按钮组成)中选择一个按钮,就会取消选择该组中的所有其它按钮。
若要创建一个单选按钮请执行以下操作:
将插入点放在表单轮廓内
选择【插入】→【表单】→【单选按钮】。
一个单选按钮随即出现在文档中。

以表格布局插入



以换行符布局
插入
若要创建一个单选按钮组请执行以下操作:
将插入点放在表单轮廓内, 选择【插入】→【表单】→【单选按钮组】。 完成【单选按钮组】对话框,然后单击【确定】。

列表菜单在一个滚动列表中显示选项值,用户可以从该滚动列表中选择多个选项。“菜单”选项在一个菜单中显示选项值,用户只能从中选择单个选项。

若要创建一个列表菜单请执行以下操作:
将插入点放在表单轮廓内
选择【插入】→ 【表单】→【列表菜单】。
一个列表菜单随即出现在文档中。

跳转菜单是可导航的列表或弹出菜单,它使您可以插入一种菜单,这种菜单中的每个选项都链接到某个文档或文件。

若要创建一个跳转菜单请执行以下操作:
将插入点放在表单轮廓内, 选择【插入】\ 【表单】\【跳转菜单】。 一个跳转菜单随即出现在文档中。

图像域使您可以在表单中插入一个图像。图像域可用于生成图形化按钮,例如“提交”或“重置”按钮。

若要创建一个图像域请执行以下操作:
将插入点放在表单轮廓内。 选择【插入】→【表单】→【图像域】。 一个图像域随即出现在文档中。

隐藏域存储用户输入的信息,如姓名、电子邮件地址或偏爱的查看方式,并在该用户下次访问此站点时使用这些数据。

若要创建一个隐藏域请执行以下操作:
将插入点放在表单轮廓内。
选择【插入】→【表单】→【隐藏域】。
随即在文档中出现一个标记。如果您未看到标记,请选择【查看】→【可视化助理】→【不可见元素】来查看标记。
一个隐藏域随即出现在文档中。
在属性检查器的【隐藏域】文本框中,为该域键入一个唯一名称。
在【值】文本框中,键入要为该域指定的值。

【返回】