创建可填写的WordPress表单

您将要创造的

我们大多数人在WordPress网站上的某处至少有一种表单。

它可能是一个简单的联系表。 或订阅电子报。 可能是购买表格。 或者，也许是定制的东西。

无论您要收集表单的任何信息，我都敢打赌，您希望有尽可能多的人来填写该表单，然后单击“提交”。 您不希望人们半途而废，或者根本不想找到表格。

在本文中，我将向您提供一些有关在您的网站上添加实际填写的表单的提示。我将介绍以下内容：

• 代码：如何创建具有可访问性和响应性的表单，并使用有效的代码来确保其正常工作。
• 用户体验：如何增强表单的设计，以便人们尽可能轻松地填写它们。

因此，让我们从代码开始。

编码正确的表格

您可能不将表单直接编码到您的网站中。 您可能使用了插件。

因此，重要的是安装一个插件，该插件输出干净，可访问且响应Swift的代码，而这些代码不会对表单的显示或工作方式产生不利影响。

安装插件并使用它创建第一个表单后，建议您访问您网站上的表单（包括台式机和移动设备）并检查运行它的代码。

格式正确的表格将：

• 为表单字段和标签使用正确的元素。
• 具有与代码相同顺序的表单输出设计。
• 反应灵敏，因此在所有屏幕尺寸上均能很好地工作。
• 无需鼠标即可使用：使用键盘在字段之间进行切换将使用户以正确的顺序浏览字段。
• 使用鼠标，键盘或拇指/手指，可以轻松在所有屏幕尺寸上进行交互。

在不同的设备和屏幕尺寸上检查表单，并检查代码是否使用了正确HTML元素，并且未添加不应添加的内容。 通过验证工具运行它以检查是否有任何问题。