html怎么调用action

HTML是一种用于创建网页的标准标记语言，它可以用来描述网页的结构和内容，在HTML中，我们可以使用表单（form）来收集用户输入的数据，并通过提交表单将这些数据发送到服务器端的某个特定地址（即action属性所指定的地址），这个过程通常涉及到客户端和服务器端之间的数据交互，也就是常说的表单提交。

要在HTML中调用action，我们需要遵循以下步骤：

1、创建一个表单元素（form）：

<form>
</form>

2、在表单元素内部添加输入元素（input），这些输入元素可以是文本框、单选按钮、复选框等，为每个输入元素设置一个name属性，以便在提交表单时能够识别它们。

<form>
  <label for="username">用户名：</label>
  <input type="text" id="username" name="username">
  <br>
  <label for="password">密码：</label>
  <input type="password" id="password" name="password">
  <br>
  <input type="submit" value="提交">
</form>

3、为表单元素设置一个action属性，该属性的值是一个URL，表示当用户点击提交按钮时，表单数据将被发送到这个URL。

<form action="https://example.com/login" method="post">
  ...
</form>

在这个例子中，当用户点击提交按钮时，表单数据将被发送到https://example.com/login这个URL，注意，我们还设置了method属性为post，表示我们使用POST方法提交表单数据，POST方法相对于GET方法更安全，因为它不会将表单数据显示在URL中。

4、为表单元素设置一个method属性，该属性的值表示表单数据的提交方式，常见的提交方式有GET和POST。

<form action="https://example.com/login" method="post">
  ...
</form>

在这个例子中，我们使用了POST方法提交表单数据，POST方法相对于GET方法更安全，因为它不会将表单数据显示在URL中。

5、为表单元素设置一个id属性，以便在JavaScript中引用它。

<form id="loginForm" action="https://example.com/login" method="post">
  ...
</form>

6、使用JavaScript监听表单的submit事件，当用户点击提交按钮时，阻止表单的默认提交行为，并使用AJAX或Fetch API将表单数据发送到服务器端。

<script>
document.getElementById('loginForm').addEventListener('submit', function(event) {
  event.preventDefault(); // 阻止表单的默认提交行为
  // 使用AJAX或Fetch API将表单数据发送到服务器端...
});
</script>

7、在服务器端，根据请求的方法（GET或POST）和请求的URL，处理表单数据，在PHP中：

if ($_SERVER['REQUEST_METHOD'] === 'POST' && $_SERVER['REQUEST_URI'] === '/login') {
  $username = $_POST['username'];
  $password = $_POST['password'];
  // 处理登录逻辑...
}

以上就是在HTML中调用action的基本方法，通过这种方法，我们可以实现客户端和服务器端之间的数据交互，从而实现各种功能，如用户登录、注册、提交评论等。