本文旨在清晰阐述HTML表单中action属性的正确用法，以及表单数据如何有效地提交至服务器端进行处理。通过本文，你将掌握如何设置action和method属性，以及如何在服务器端（PHP）接收和处理表单数据，同时解答关于链接本地资源的路径问题，帮助你构建功能完善的HTML表单。
HTML表单是Web开发中不可或缺的一部分，用于收集用户输入的数据并将其发送到服务器进行处理。action属性在表单中扮演着至关重要的角色，它定义了表单数据提交的目标URL。本文将详细介绍如何正确使用action属性，并结合示例代码演示如何在服务器端接收和处理表单数据。
action属性指定了处理表单提交的URL。简单来说，它告诉浏览器，当用户提交表单时，应该将数据发送到哪个地址。通常，这个地址指向一个服务器端脚本（例如PHP、Python、Node.js等）来处理表单数据。
基本语法：
立即学习“前端免费学习笔记（深入）”；
<form action="your_server_script.php" method="post"> <!-- 表单元素 --> </form>
在这个例子中，action属性的值是your_server_script.php，这意味着表单数据将被发送到这个PHP文件进行处理。
除了action属性，method属性也至关重要。它定义了用于提交表单数据的HTTP请求方法。常用的方法有两种：GET 和 POST。
通常，对于涉及用户身份验证、密码等敏感信息的表单，推荐使用POST方法。
以下是一个完整的示例，演示如何使用POST方法将表单数据提交到PHP脚本进行处理。
HTML 代码 (index.html):
<!DOCTYPE html>
<html>
<head>
<title>HTML Form Example</title>
</head>
<body>
<form method="post" action="info.php">
<p>Username:
<input type="text" name="username" size="15" maxlength="30" />
</p>
<p>Email:
<input type="email" name="email" size="30" />
</p>
<p><input type="submit" value="Submit"></p>
</form>
</body>
</html>在这个HTML代码中，我们创建了一个包含用户名和电子邮件字段的表单。 method 属性设置为 post，action 属性设置为 info.php。 注意添加了 type="submit" 的 input 元素，用于触发表单提交。
PHP 代码 (info.php):
<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
$username = $_POST['username'];
$email = $_POST['email'];
echo "Username: " . htmlspecialchars($username) . "<br>";
echo "Email: " . htmlspecialchars($email);
// 在这里可以对数据进行进一步处理，例如保存到数据库
} else {
echo "Invalid request method.";
}
?>在这个PHP代码中，我们首先检查请求方法是否为POST。如果是，我们使用$_POST超全局变量来获取表单数据。 htmlspecialchars() 函数用于转义特殊字符，防止XSS攻击。 然后，我们将用户名和电子邮件显示在页面上。 在实际应用中，你可能需要将这些数据保存到数据库或其他地方。
注意事项：
在网页中链接本地资源（例如图片、视频、CSS文件等）时，通常不需要使用完整的文件路径。相对路径足以满足需求。 相对路径是相对于当前HTML文件的路径。
例如，如果你的HTML文件位于C:/Users/Name/Desktop/Web Development Code/index.html，并且你想链接到位于同一目录下的notes.php文件，你可以直接使用notes.php作为链接。
<a href="notes.php">链接到 notes.php</a>
如果notes.php位于一个名为assets的子目录中，则可以使用assets/notes.php作为链接。
<a href="assets/notes.php">链接到 assets/notes.php</a>
总结：
掌握HTML表单action属性的正确用法是Web开发的基础。通过设置action和method属性，你可以将表单数据有效地提交到服务器端进行处理。同时，理解相对路径的概念可以帮助你更轻松地链接本地资源。 记住始终对用户输入进行验证和清理，以确保应用程序的安全性。
以上就是HTML Form Action 属性详解：提交表单数据的正确姿势的详细内容，更多请关注php中文网其它相关文章！
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
广告Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
826
收藏
