使用表单从用户处收集信息

上次更新日期: 2021年12月20日

关于从用户收集信息

您可以使用网页表单或超文本链接从用户收集信息,将该信息存储在服务器的内存中,然后根据用户的输入使用该信息创建动态回答。收集用户信息的最常见工具是 HTML 表单和超文本链接。

HTML 表单

让您从用户收集信息并将其存储在服务器内存中。HTML 表单可以将信息作为表单参数或 URL 参数发送。

超文本链接

让您从用户收集信息并将其存储在服务器内存中。您可以通过在锚点标记中指定的 URL 后附加值来指定用户点击链接时要提交的一个值(或多个值),例如偏好设置。当用户点击链接时,浏览器会将 URL 和附加值发送到服务器。

用户界面已经在 Dreamweaver 和更高版本中做了简化。 因此,您可能在 Dreamweaver 和更高版本中找不到本文中描述的一些选项。 有关详细信息,请参阅此文章

HTML 表单参数

表单参数通过 HTML 表单使用 POSTGET 方法发送到服务器。

使用 POST 方法时,参数作为文档页眉的一部分发送到 web 服务器,使用标准方法查看页面的任何人都无法看到或访问这些参数。POST 方法应该用于影响数据库内容的值(例如插入、更新或删除记录),或用于通过电子邮件发送的值。

GET 方法将参数附加到请求的 URL。因此,这些参数对于查看页面的任何人都是可见的。 应将 GET 方法用于搜索表单。

您可以使用 Dreamweaver 快速设计向服务器发送表单参数的 HTML 表单。请注意您用于将信息从浏览器传输到服务器的方法。

表单参数采用其相应表单对象的名称。 例如,如果您的表单包含一个名为 txtLastName 的文本字段,那么当用户单击"提交"按钮时,会向服务器发送以下表单参数:

txtLastName=enteredvalue

在 Web 应用程序需要精确参数值的情况下(例如,当它基于多个选项之一执行操作时),请使用单选按钮、复选框或列表/菜单表单对象来控制用户可以提交的值。这样可以防止用户输入错误信息并导致应用程序错误。下例描述一个提供三个选项的弹出菜单表单:

弹出菜单表单

每个菜单选择都对应一个硬编码值,该值作为表单参数提交到服务器。以下示例中的"列表值"对话框将每个列表项匹配到一个值(添加、更新或删除):

“列表值”对话框

创建表单参数后,Dreamweaver 可以检索该值并在 Web 应用程序中使用它。在 Dreamweaver 中定义表单参数后,您可以在页面内插入其值。

URL 参数

URL 参数允许您将用户提供的信息从浏览器传递到服务器。当服务器接收到请求并且参数被附加到请求的 URL 时,服务器会在向浏览器提供该页面之前,让所请求的页面能够访问这些参数。

URL 参数是附加到 URL 的名值对。该参数 以问号 (?) 开头。并采用 name=value 的形式。 如果存在多个 URL 参数,每个参数之间用 与号 (&) 分隔。以下示例展示了一个包含两个名称值对的 URL 参数:

http://server/path/document?name1=value1&name2=value2

在此工作流程示例中,应用程序是一家基于 Web 的店面。 由于网站开发人员希望覆盖尽可能广泛的 受众,因此网站设计为支持外币。当 用户登录到网站时,可以选择用于 查看可用商品价格的币种。

浏览器向服务器请求 report.cfm 页。 该请求包括 URL 参数 Currency="euro"。 Currency="euro" 变量指定检索到的所有货币金额都显示 为欧盟欧元。

服务器将 URL 参数临时存储在内存中。

report.cfm 页面使用该参数检索 以欧元计价的商品成本。这些货币金额可以存储在 不同币种的数据库表中,也可以从与每个商品关联的单一 币种转换而来(应用程序支持的任何币种)。

服务器将 report.cfm 页面发送到浏览器,并以 请求的币种显示商品的价值。当此用户结束 会话时,服务器会清除 URL 参数的值,释放 服务器内存以处理新的用户请求。

当 HTTP GET 方法与 HTML 表单结合使用时,也会创建 URL 参数。GET 方法 指定在提交表单时将参数值附加到 URL 请求中。

URL 参数的典型用途 包括基于用户偏好设置对网站进行个性化。例如, 由用户名和密码组成的 URL 参数可用于 对用户进行身份验证,仅显示该用户已 订阅的信息。此类常见示例包括根据 用户先前选择的股票市场代码显示个体 Stock 价格的金融网站。Web 应用程序开发人员通常 使用 URL 参数将值传递给应用程序中的变量。 例如,您可以将搜索词传递给 Web 应用程序中的 SQL 变量以生成搜索结果。

您可以通过使用 HTML 锚点标记的 href 属性在 HTML 链接中创建 URL 参数。您可以在代码视图(视图 > 代码)中直接在属性中输入 URL 参数,或通过在属性检查器链接框中的链接 URL 末尾附加 URL 参数。

在以下示例中,3 个链接会创建一个包含 3 个可能值(AddUpdateDelete)的单个 URL 参数 (action)。当用户点击链接时,参数值会发送到服务器,并执行请求的操作。

<a href="http://www.mysite.com/index.cfm?action=Add">添加记录</a>

<a href="http://www.mysite.com/index.cfm?action=Update">更新记录</a>

<a href="http://www.mysite.com/index.cfm?action=Delete">删除记录</a>

属性检查器("窗口">"属性")允许您通过选择链接并在"链接"框中的链接 URL 末尾附加 URL 参数值来创建相同的 URL 参数。

属性检查器

创建 URL 参数后,Dreamweaver 可以检索该值并在 web 应用程序中使用它。在 Dreamweaver 中定义 URL 参数后,您可以在页面中插入其值。