使用XHTML、phpMyAdmin搭建的注册表单刷新后字段预填充，如何设为空白？

嘿，这个问题我之前帮朋友排查过，大概率是浏览器自动填充或者你的PHP代码不小心保留了提交过的旧值在搞鬼。给你几个针对性的解决方案：

1. 禁用浏览器自动填充 #

浏览器的自动填充功能（比如记住密码、表单历史）是最常见的原因。你可以在表单或单个输入字段上添加autocomplete属性来关闭它：

• 给整个表单加：

<form method="post" action="your_register_script.php" autocomplete="off">

• 针对单个字段（尤其是密码字段，有些浏览器对new-password的支持更好）：

<input type="text" name="username" id="username" value="" autocomplete="off" />
<input type="password" name="user_password" id="user_password" value="" autocomplete="new-password" />

注意XHTML要求属性全小写，标签必须闭合（比如<input />而不是<input>）。

2. 检查PHP代码是否回显旧值 #

如果你的表单是结合PHP生成的（比如提交后验证失败，想保留用户输入的内容），可能不小心在页面刷新时把$_POST的值塞回了字段里。比如错误的写法：

<input type="email" name="user_email" value="<?php echo $_POST['user_email']; ?>" />

这种情况要改成仅在表单提交且验证失败时才填充值，否则留空：

<input type="email" name="user_email" value="<?php echo isset($_POST['user_email']) ? htmlspecialchars($_POST['user_email']) : ''; ?>" />

这里用htmlspecialchars()是为了防止XSS攻击，一定要加上，别偷懒！

3. 顽固浏览器的偏方（可选） #

如果上面的方法都不管用，有些浏览器可能会忽略autocomplete属性，这时候可以加几个隐藏的假字段来迷惑自动填充：

<!-- 假字段，让浏览器填充这些，不显示给用户 -->
<input type="text" name="fake_uname" style="position:absolute;left:-9999px;" autocomplete="off" />
<input type="password" name="fake_pwd" style="position:absolute;left:-9999px;" autocomplete="off" />

不过这是应急方案，优先用前两个方法更靠谱。

先排查你的PHP代码有没有无意识回显旧值，再处理浏览器自动填充，基本就能让表单刷新后所有字段保持空白啦！

内容的提问来源于stack exchange，提问作者Fatai Shorunke