很多时候,您正在创建需要处理用户提交的输入的网页,例如登录页面,新帐户创建或提交问题或评论。收集用户输入并使用HTML表单将其发送到Web服务器。使用KompoZer的内置工具可以轻松添加表单。可以使用KompoZer添加和编辑HTML 4.0支持的所有表单字段类型,但是对于本教程,我们将使用文本,文本区域,提交和重置按钮。
创建一个新表单
KompoZer拥有丰富的表单工具,您可以使用它们向您的网页添加表单。您可以通过单击工具栏上的“表单”按钮或随附的下拉菜单来访问表单工具。请注意,如果您不编写自己的表单处理脚本,则需要从文档或编写脚本的程序员那里获取此步骤的一些信息。您也可以使用mailto表单,但它们并不总是有效。
- 将光标放在您希望表单显示在页面上的位置。
- 点击 形成 工具栏上的按钮。将打开“表单属性”对话框。
- 为表单添加名称。该名称在自动生成的HTML代码中用于标识表单,并且是必需的。您还需要先保存页面,然后才能添加表单。如果您正在使用新的未保存页面,KompoZer将提示您保存。
- 将URL添加到将处理“操作URL”字段中的表单数据的脚本中。表单处理程序通常是用PHP或类似的服务器端语言编写的脚本。如果没有此信息,您的网页将无法对用户输入的数据执行任何操作。如果您不输入表单处理程序,KompoZer将提示您输入表单处理程序的URL。
- 选择 方法 用于将表单数据提交给服务器。这两个选择是GET和POST。您需要知道脚本需要哪种方法。
- 点击 好 并将表单添加到您的页面。
向表单添加文本字段
使用KompoZer将表单添加到页面后,表单将在页面上以浅蓝色虚线显示。您在此区域内添加表单域。您也可以输入文字或添加图像,就像在页面的任何其他部分一样。文本对于向表单字段添加提示或标签以指导用户非常有用。
- 选择文本字段的位置以在概述的表单区域中进行。如果要添加标签,可能需要先输入文本。
- 点击 向下箭头 旁边的 形成 按钮在工具栏上,然后从下拉菜单中选择“表单域”。
- “表单域属性”窗口将打开。要添加文本字段,请选择 文本 从标有的下拉菜单中 字段类型.
- 为文本字段命名。该名称用于标识HTML代码中的字段,表单处理脚本需要名称来处理数据。通过切换,可以在此对话框中修改许多其他可选属性 更多属性/更少属性 按钮或按“高级编辑”按钮,但是现在,我们只需输入字段名称。
- 点击 好 并且文本字段显示在页面上。
向表单添加文本区域
有时,需要在表单上输入大量文本,例如消息或问题/评论字段。在这种情况下,文本字段是不合适的。您可以使用表单工具添加文本区域表单域。
- 将光标定位在您希望文本区域所在的表单轮廓中。如果要输入标签,通常最好键入标签文本,按Enter键移动到新行,然后添加表单字段,因为页面上文本区域的大小使其难以处理标签位于左侧或右侧。
- 点击 向下箭头 旁边的 形成 按钮在工具栏上,然后选择 文本 区域 从下拉菜单中。 “文本区域属性”窗口将打开。
- 输入文本区域字段的名称。该名称标识HTML代码中的字段,并由表单处理脚本用于处理用户提交的信息。
- 输入要显示文本区域的行数和列数。这些尺寸决定了页面上字段的大小以及在滚动需要发生之前可以在字段中输入多少文本。
- 可以使用此窗口中的其他控件指定更高级的选项,但是现在,字段名称和尺寸已足够。
- 点击 好 并且文本区域出现在表单上。
向表单添加“提交”和“重置”按钮
在用户填写页面上的表单后,需要有一些方法将信息提交到服务器。此外,如果用户想要重新开始或出错,那么包含一个将所有表单值重置为默认值的控件会很有帮助。特殊表单控件分别处理这些函数,分别称为Submit和Reset按钮。
- 将光标放在您希望提交或重置按钮的轮廓表单区域内。通常,这些将位于表单上其他字段的下方。
- 点击 向下箭头 旁边的 形成 按钮在工具栏上,然后选择 定义按钮 从下拉菜单中。将出现“按钮属性”窗口。
- 从标有“类型”的下拉菜单中选择按钮类型。您的选择是提交,重置和按钮。在这种情况下,我们会选择 提交 类型。
- 为该按钮命名,该按钮将在HTML和表单处理代码中用于处理表单请求。 Web开发人员通常将此字段命名为“提交”。
- 在标有的方框中 值,输入应该出现在按钮上的文本。文本应该简短,但描述按下按钮时会发生什么。像“提交”,“提交表单”或“发送”之类的东西就是很好的例子。
- 单击确定,该按钮出现在窗体上。
该 重启 按钮可以使用相同的过程添加到表单,但请选择 重启 来自 类型 字段而不是 提交.
使用KompoZer编辑表单
在KompoZer中编辑表单或表单域非常简单。只需双击要编辑的字段,就会出现相应的对话框,您可以在其中更改字段属性以满足您的需要。上图显示了使用本教程中介绍的组件的简单表单。