HTML表单的action属性指定数据提交的URL，可设为相对路径、绝对路径或留空；需与method配合使用，确保目标地址有效且服务器能处理，是实现用户交互的基础。
HTML表单中的 action 属性用于指定表单提交后，数据将被发送到哪个URL进行处理。这个URL可以是相对路径、绝对路径，也可以是服务器端脚本（如PHP、Python、Node.js等）的地址。
action属性基本语法
在 <form> 标签中使用 action 属性：
<form action="目标地址" method="提交方式"><!-- 表单控件 -->
</form>
例如，将表单数据提交到当前目录下的 submit.php 文件：
<form action="submit.php" method="post"><input type="text" name="username">
<button type="submit">提交</button>
</form>
设置不同的action地址类型
可以根据实际需求设置不同类型的提交地址：
立即学习“前端免费学习笔记（深入）”；
-
相对路径：指向当前页面同目录或子目录下的文件。
例如：action="process/form-handler.php" -
绝对路径：完整的URL，包含协议和域名。
例如：action="https://example.com/api/submit" -
同一页面：留空或使用 "#"，常用于前端JavaScript处理表单。
例如：action="" 或 action="#" -
锚点跳转：提交后跳转到页面某一部分。
例如：action="page.html#result"
与method属性配合使用
action 需要和 method 属性一起使用，定义数据提交方式：
- method="get"：数据会附加在URL后面，适合简单查询。
- method="post"：数据放在请求体中，更安全，适合敏感或大量数据。
例如：
<form action="login.php" method="post"><input type="email" name="email">
<input type="password" name="pass">
<button type="submit">登录</button>
</form>
常见注意事项
设置 action 时注意以下几点：
- 确保目标URL存在且可访问，否则提交会失败。
- 使用 POST 提交敏感信息，避免用 GET 防止泄露。
- 如果用 JavaScript 拦截提交（如AJAX），action 可为空，但建议保留备用路径。
- 服务器需正确配置处理脚本，接收并响应表单数据。
基本上就这些。合理设置 action 属性，能让表单准确把数据送到处理程序，是实现用户交互的基础。不复杂但容易忽略细节。
