Afterlogic Webmail自定义HTML登录页POST请求异常求助

问题现象 #

自定义HTML登录页部署后，点击登录按钮跳转到https://supersecuredomain.tld/mail/index.php?postlogin空白页，邮件服务器无认证请求记录。

代码问题分析及修复方案 #

1. HTML结构语法错误（核心问题） #

代码存在未闭合的<div>标签，导致DOM结构混乱，浏览器无法正确解析表单结构，直接影响表单提交逻辑：

• 第一个<div class="input-box">未闭合
• 第二个<div class="input-box">未闭合

2. 表单提交端点与参数不匹配 #

• 错误的action路径：Afterlogic Webmail登录无需在URL后附加?postlogin，直接提交到index.php即可，登录动作通过POST参数传递
• 字段名不符：Afterlogic默认接收的登录字段为Login（邮箱/用户名）和Password，而非代码中的email和password，字段不匹配会导致后端无法识别认证信息
• 缺少动作标识：需添加隐藏字段明确告知后端执行登录动作

修复后的完整代码 #

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Afterlogic Webmail</title>
  <link rel="stylesheet" href="style.css" />
  <!-- Boxicons -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/boxicons@2.1.4/css/boxicons.min.css" />
</head>
<body>
  <div class="wrapper">
      <h1>Mail Login</h1>
      <form action="https://supersecuredomain.tld/mail/index.php" method="POST">
        <div class="input-box">
          <div class="input-field">
            <input type="email" name="Login" placeholder="Email" required />
            <i class='bx bxs-user'></i>
          </div>
        </div>
        <div class="input-box">
          <div class="input-field">
            <input type="password" name="Password" placeholder="Password" required />
            <i class='bx bxs-lock'></i>
          </div>
        </div>
        <input type="hidden" name="Action" value="Login" />
        <button type="submit" class="btn">Login</button>
      </form>
      <br>
      <br>
      <p>Forgot your password?&nbsp;&nbsp;<a href="/forgot-password.html" style="color: orange;">Reset it here</a></p>  
  </div>
</body>
</html>

验证步骤 #

1. 替换修复后的代码重新部署
2. 点击登录按钮，观察是否正常跳转至Afterlogic Webmail主页
3. 查看邮件服务器日志，确认是否生成认证请求记录

内容的提问来源于stack exchange，提问作者Bubba Skinner