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的基本方法，通过这种方法，我们可以实现客户端和服务器端之间的数据交互，从而实现各种功能，如用户登录、注册、提交评论等。
原创文章，作者：K-seo，如若转载，请注明出处：https://www.kdun.cn/ask/325849.html
微信扫一扫 