上一页下一页

添加表单对象

本插入页中已经添加有一个表格和一些表单域。文档中出现一个红色的虚线矩形框,这是表单边界。当您插入表单对象后,Dreamweaver 会自动在文档中插入表单边界。

现在将添加插入页的其余表单域,包括三个文本域、一个列表/菜单域、一个“提交”按钮和一个“重置”按钮。

另外,您还要提供表单域的标签文字。对域进行命名后,如果以后将表单域连接到数据库域,会更容易识别所使用的域。

首先查看现有的表单域之一。

  1. 如果属性检查器尚未打开,请打开它(“窗口”>“属性”)。
  2. 将鼠标指针移到右上方的单元格中,单击表单域以选择它。
  3. 属性检查器更新表单域属性的显示。
    这是所描述的功能的图片。

    “名称”域包含表单对象的名称;“字符宽度”域将域宽度设置为 30 个字符。您将在添加到表单的文本域中更新这两个域。

  4. 在文档中,将插入点放在“State or Country”标签文字右侧的表格单元格中,然后执行下列操作之一插入文本域:
    • 在插入栏中,单击“表单”选项卡,然后单击“文本域”按钮(左起第二个)或将其从插入栏拖到表格单元格中。
    • 选择“插入”>“表单对象”>“文本域”
    • 文本域表单对象随即插入到文档中。

  5. 当文本域仍被选定时,在属性检查器的“名称”文本框中输入 state_country,在“字符宽度”文本框中输入 30
    这是所描述的功能的图片。
  6. 在文档中,将插入点放在“State”标签文字右侧的表格单元格中,然后执行下列操作之一插入“列表/菜单”:
    • 在插入栏的“表单”类别中,单击“列表/菜单”按钮或将其从插入栏拖到表格单元格中。
    • 选择“插入”>“表单对象”>“文本域”
    • 列表/菜单表单对象随即插入到文档中。
      这是所描述的功能的图片。

  7. 在属性检查器的“名称”文本框中输入 region_id
  8. 列表/菜单对象按列表或菜单中最长项的长度生成字符宽度。我们在稍后将定义此域的菜单项和值。

  9. 插入“Telephone”文本域,然后在属性检查器中将其命名为 telephone,在“字符宽度”域中输入 30。
  10. 插入“Fax”文本域,然后在属性检查器中将其命名为 fax,在“字符宽度”域中输入 30。
  11. 在文档中,将插入点放在底部的表格单元格中。
    这是所描述的功能的图片。
  12. 执行下列操作之一,为表单添加“提交”按钮:
    • 在插入栏的“表单”类别中,单击“按钮”按钮或将其从插入栏拖到表格单元格中。 
    • 选择“插入”>“表单对象”>“按钮”。
    • “提交”按钮随即插入到文档中。在属性检查器中,该按钮已有标签文字,并且“动作”被设置为“提交表单”。
      这是所描述的功能的图片。

  13. 重复第 10 步以向表单添加其他按钮。现在将添加“重置”按钮,以便用户在需要时可以重置表单。
  14. 在属性检查器中,对于“动作”,选择“重设表单”。
  15. 在“按钮名称”文本框中输入 Reset
  16. 表单现在就完成了,它看起来象这样:
    这是所描述的功能的图片。

  17. 保存文档。

  上一页下一页