HTML 为使用内置元素构建 Web 表单提供了非常强大的支持。 Web 表单通常是客户端或用户端最常用的功能。 HTML 提供了。元素，主要用于设计表单。它是设计整体表单的主要或父元素。然后可以使用各种属性将表单设计为整个文档。在这篇 HTML 表单属性文章中，我们将设计一个简单的表单并查看 。元素以及我们可以使用它的各种属性。 HTML 表单属性 HTML 表单元素可以以多种方式使用，它可以与许多现有的可用 HTML 元素一起使用，例如 、、、 等。此外，有多种属性可与 一起使用。元素。让我们通过逐步设计简单的 Web 表单来了解它们。 1.名称属性 代码： First Name: 登录后复制 输出: 所以我们有一个简单的表单，只需输入简单的名字即可。 name 属性与 形式一起使用。元素将输入声明为名字。当我们使用 HTTP 通过网络发送表单数据时，此属性将非常有用。当我们发送请求时，属性名称及其值将被添加到 HTTP 请求中。该信息将用于在服务器端处理数据。 2.动作属性 让我们在示例中添加提交按钮，以便可以提交表单。 代码： First Name: 登录后复制 输出: 如果我们尝试通过单击提交按钮来提交表单，它将不起作用。如果我们查看代码，就会发现在提交表单时没有执行任何操作或执行任何操作。这就是的地方。属性出现了。让我们添加 我们示例中的元素以及一些附加输入字段。 代码： First Name: Last Name: Email: 登录后复制 输出: 因此我们又添加了两个输入元素，姓氏和电子邮件，以便我们在提交表单时可以看到表单数据是如何在 URL 内发送的。此外，在表单元素中，我们添加了 值为“action.html”的属性。所以，每当我们提交表单时，URL都会被重定向到action属性下的网页或资源，同时表单数据也会被提交。 如果您尝试按原样提交表单，您将收到类似找不到文件的错误，但这没关系，因为数据处理不在我们现在学习的范围内。但是如果您看到重定向的 URL，您可以看到提交的字段以及值，因为默认情况下使用 get 方法来提交表单。 3.方法属性 因此HTTP请求可以使用各种方法来发出，如get、post、put、delete等。method属性用于指定提交表单所使用的方法。在前面的示例中，我们使用默认的 get 方法发送了请求。我们可以使用方法属性指定特定方法。 示例 登录后复制 只需修改上面示例中的表单元素即可。现在请求将作为 post 请求发出，我们将无法看到字段及其值。 4.值属性 value 属性用于字段上以设置其在表单中的初始值。加载表单后，分配的值将默认显示在用户页面上，用户可以更改。 让我们在示例中添加 value 属性： 代码： First Name: Last Name: Email: 登录后复制 输出: 5.自动完成属性 HTML 自动完成属性与表单元素一起使用来启用或禁用自动完成功能。该功能默认为开启状态；这就是为什么我们可以在前面的示例中看到自动完成建议。我们可以在表单元素中添加此属性，如下所示， 代码： First Name: Last Name: Email: 登录后复制 输出： 自动完成关闭时不会显示建议，默认情况下会打开。 结论 因此，我们已经了解了在构建 Web 表单时可以使用的大多数可用且重要的 HTML 表单属性。我们已经看到了诸如操作、方法、自动完成等表单属性。这些 HTML 表单属性可以轻松实现各种功能来开发和设计直观的 Web 表单。它们具有灵活性，以便可以按照所需的方式设计表单。 Web 表单可以通过多种可能的方式进行设计，HTML 表单元素是它们的支柱。
