表单提交按钮点击后能否设置Cookie？如何实现？

你之前的理解有误——表单提交后服务器完全可以设置Cookie，只要在服务器响应的HTTP头里添加Cookie字段就行，PHP的setcookie()就是干这个的。下面给你两种可行的实现方式：

方案一：服务器端（auth.php）设置Cookie（推荐） #

这是最安全可靠的方式，Cookie由服务器端控制，不受客户端JS禁用的影响。

只需要把setcookie()代码放在auth.php的最开头（必须在输出任何HTML内容之前，否则会触发HTTP头已发送的错误），示例如下：

<?php
// 设置Cookie，有效期设为1天（可根据需求调整秒数）
setcookie('Form', '1', time() + 86400, '/'); 

// 处理表单提交的数据（可选，比如存入数据库）
$fname = $_POST['fname'];
$fsurname = $_POST['fsurname'];
$email = $_POST['email'];

// 处理完后跳转回原表单页面（替换成你的表单页面路径）
header('Location: your-form-page.php');
exit;
?>

对应表单修改建议 #

你的原表单默认用GET方法（未指定method属性），建议改成更安全的POST，同时给所有需要提交的输入框加上name属性（原表单里fname和fsurname只有id，服务器端无法获取对应值）：

<form action="auth.php" method="POST">
    <label for="fname">Enter your name: </label>
    <input type="text" id="fname" name="fname" placeholder="John" required />
    <br />
    <br />
    <label for="fsurname">Enter your surname:</label>
    <input type="text" id="fsurname" name="fsurname" placeholder="Doe" required />
    <br />
    <br />
    <label for="email">Enter your email:</label>
    <input type="email" id="email" name="email" placeholder="stupidlady123@yandex.ru" required>
    <br />
    <br />      
    <input type="submit" value="Register!" />
</form>

方案二：客户端JavaScript设置Cookie #

如果不想通过服务器，也可以直接在用户点击提交时用JS设置Cookie，给表单添加onsubmit事件即可：

<form action="auth.php" onsubmit="setFormCookie()">
    <label for="fname">Enter your name: </label>
    <input type="text" id="fname" name="fname" placeholder="John" required />
    <br />
    <br />
    <label for="fsurname">Enter your surname:</label>
    <input type="text" id="fsurname" name="fsurname" placeholder="Doe" required />
    <br />
    <br />
    <label for="email">Enter your email:</label>
    <input type="email" id="email" name="email" placeholder="stupidlady123@yandex.ru" required>
    <br />
    <br />      
    <input type="submit" value="Register!" />
</form>

<script>
function setFormCookie() {
    // 设置Cookie，有效期1天，路径覆盖全站
    const expiryDate = new Date(Date.now() + 86400000).toUTCString();
    document.cookie = "Form=1; expires=" + expiryDate + "; path=/";
}
</script>

这种方式的缺点是如果用户禁用了JavaScript，Cookie就无法设置，因此优先推荐服务器端方案。

内容的提问来源于stack exchange，提问作者Vira Lavrova