如何为您的HTML5创建表单

  在线表格在我们在线执行的许多操作中都非常方便。无论是注册还是登录，提供我们的运输信息还是订阅新闻通讯，都可以信任在线表格来指导我们。而且，如果您正在为企业创建网站，则很有可能需要合并一两个表格，以便更好地满足网站访问者的需求以及您自己的需求。业主。

  如果做得好，在线表格将成为浏览体验的无缝组成部分，从而为我们的在线活动增加便利性和效率。本指南涵盖了您需要了解的有关在线表单的所有信息，包括其内容，对主要组成部分的说明以及如何将其添加到您的网站。

  什么是在线表格?

  在线表单，也称为Web表单或HTML表单，是允许用户输入的交互式网页。然后，通过表单接收的数据将自动发送到服务器进行处理。在收集数据和获取用户的联系信息时，在线表单有助于捕获潜在客户。

  在线表单有很多类型，从联系表单到活动网站的RSVP部分，到管理在线商店中的在线订单和付款的表单，等等。

  本质上，无论您想从站点访问者那里收集信息的任何地方，都可以在您的网站上使用表格，无论是他们的电子邮件地址还是他们是否要参加聚会的答案。在线表单的另一种可能用途是，通过要求某些网站访问者登录会员区域，仅将其某些内容访问给某些网站访问者。

  在线表格的主要内容

  在线表格，就像纸质表格一样，通常由一个问题或一系列问题组成。这些字段与字段配对，用户可以在其中输入答案，或者从几个可用的答案中选择最合适的答案。

  在线表单可以仅由一种或几种类型的字段组成，可以混合使用，也可以进行匹配。在线表单中的主要字段类型为：

  文本框：也称为输入字段，文本框是空白字段，用于在其中自由输入文本。例如，在登录时输入密码。

  最适合：开放式问题或具有无限可能答案的问题(例如名称或密码)。

  在线表单中文本框的类型在线表单中文本框的类型

  下拉列表：下拉列表是单击后可打开列表的字段。该列表包括多个项目，然后可以从中选择一个项目。

  最适合： 从列表中选择一个选项。

  在线形式的下拉列表

  复选框：单击时勾选或取消勾选的小方框。大多数表单允许用户在每个复选框字段中选择多个选项(也称为多选)。复选框的一个示例是您选中以批准Web服务的条款和条件的框。

  最适合：从列表中选择一个或多个选项。

  在线表格中复选框的类型

  单选按钮：小圆形按钮。单选按钮通常位于两个或多个可选答案的列表中，用户可以通过单击列表来选择单个最合适的答案。选择后，单选按钮将在其中心显示一个添加的点。

  最适合：从多个选项中选择一个选项。

  在线形式的单选按钮

  提交按钮：通常保留在线表格底部的最后一个按钮，以便在完成后提交答案。按钮的微观结构可以从“发送”到“取得联系”或“索取报价”，但意图始终不变-所提供的信息现在将被发送给网站所有者。作为表单的号召性用语，“提交”按钮通常会在其设计中从页面的其余部分中脱颖而出，以引起人们的注意。

  最适合：在线表单的最后部分。

  在线表单中的提交按钮类型在线表单中的提交按钮类型

  反馈消息：单击提交按钮后，将显示一条自动反馈消息，表示表单已成功通过，或者通知表单完成有问题。它通常与表单本身显示在同一页面上，但也可以在单独的弹出窗口中打开。

  最适合： 表单提交后。

  带有反馈消息的在线表单，其中显示“谢谢您的提交!”带有反馈消息的在线表单，其中显示“谢谢您的提交!”

  创建在线表格的最佳做法

  良好的在线表单是遵循以下三个黄金法则的表单：使用起来应该直观，快速完成，并且在用户方面几乎不需要花费任何精力。同时处理所有这三个因素的表格应具有较低的放弃率，从而导致提交更多的答案。尽管有许多创建在线表单的技巧，但以下是三个主要的解释：

  01.使其直观易用

  在线表格不应留有任何误解的余地。确保精心设计表单中的每个元素，以使所有用户都能立即清楚地知道要求他们填写什么，如何填写以及为什么填写。您的问题和提示，表单的结构以及放置不同问题的顺序均应指导用户正确的方向，以免造成任何混淆。

  02.最小化字段数

  为了确保网站访问者从头到尾填写表格，请确保表格不冗长且繁琐。将字段和步骤的数量保持在最少，并消除不必要的任何步骤。例如，最好为用户的“全名”创建一个字段，而不是为“名”和“姓”两个单独的步骤。

  03.轻松设计

  填写在线表格应该感到轻松而轻松。将手动输入的数量减至最少，并尽可能选择复选框，单选按钮或下拉列表。例如，如果您要输入日期，以日历的形式提供日期选择器可以比让访问者键入一天，一月和一年来改善用户体验。

  具有日期选择器的在线表单的示例具有日期选择器的在线表单的示例

  如何将在线表单添加到您的网站

  有许多用于创建在线表单的出色工具，例如某度 Forms和Microsoft Forms。另一种选择是使用Wix Forms直接在您的Wix网站上创建在线表单。这样，表单可以与您站点上的所有其他业务组件完全集成。

  然后，通过表单收到的所有提交内容都将存储在Wix联系人中，您可以在其中访问和管理它们。如果您愿意，还可以通过电子邮件将站点上以及Wix Owner App上的每个新提交的邮件通知给您。

  如何向您的网站添加表单：

  01.访问Wix编辑器。

  02.单击左侧的“添加”(+)按钮。

  03.选择“联系人”。

  04.从多种Wix表单中进行选择，包括联系，付款和反馈表单。

  05.拖放以将表单添加到您的网站。

  06.单击表单以自定义其文本，设计等。

  额外提示：要编辑表单的自动反馈消息，请单击“表单设置”下的“提交消息”选项卡。每当访客提交表单时，此消息就会显示。如果您愿意，您还可以为每份新表单提交跟进的自定义自动电子邮件。

  如何在您的网站上构建自定义表单：

  另一种选择是使用Wix编辑器上可用的许多组件从头开始创建自己的表单。在“添加” >>“用户输入”下，您可以浏览各种文本框，单选按钮，地址栏和许多其他功能，这些功能可以一起使用并组合在一起，以创建适合您自己的量身定制的表单需求。