使用 http 的 html 表单 - Html

HTML 表单是创建 Web 应用程序的核心之一。 表单允许用户从 Web 页面中向服务器发送数据。 在此过程中，HTML 表单通过 HTTP 协议执行此操作。

HTML 表单的基本结构

HTML 表单由以下几个部分组成：

<form action="/url" method="POST">
  <label for="username">Username:</label>
  <input type="text" id="username" name="username"><br><br>
  <label for="password">Password:</label>
  <input type="password" id="password" name="password"><br><br>
  <input type="submit" value="Submit">
</form>

其中，<form> 元素表示 Web 表单，并提供以下属性：

• action：定义表单字段被提交到的 URL。
• method：定义提交表单字段时 HTTP 请求方式是 POST 还是 GET。

<input> 元素是表单的一部分，用于定义表单控件。 type 属性定义控件的类型。 这里使用两个类型是 text 和 password。

Html 表单的 HTTP 请求

当用户提交表单时，浏览器会创建一个 HTTP 请求，并将包含表单字段的数据发送到 Web 服务器。 这个 HTTP 请求的格式有两种可能性：

GET 请求

当 method 属性设置为 GET 时，控件的值将作为查询参数附加到 action 属性中指定的 URL 中。

<form action="/search" method="GET">
  <label for="query">Search:</label>
  <input type="text" id="query" name="q"><br><br>
  <input type="submit" value="Submit">
</form>

当用户提交此表单时， URL 会变成：

/search?q=<user-input>

POST 请求

当 method 属性设置为 POST 时，表单控件的值将被包含在请求正文中发送到服务器。

<form action="/login" method="POST">
  <label for="username">Username:</label>
  <input type="text" id="username" name="username"><br><br>
  <label for="password">Password:</label>
  <input type="password" id="password" name="password"><br><br>
  <input type="submit" value="Submit">
</form>

当用户提交此表单时，将发送 HTTP 请求，其正文将如下所示：

username=<user-input>&password=<user-input>

总结

Html 表单是提交数据到服务器的重要工具，在表单中，用户输入信息将被发送给服务器，然后服务器处理并响应该请求。 两种常见的请求类型是 GET 和 POST。 了解如何使用它们可以帮助程序员有效地构建 Web 应用程序。