html - 输入字段在页面刷新后保留其值，如何防止这种情况发生？

Question

<table id="post">
    <tr>
        <td style="font-size: 20px;">Post Your comment</td>
    </tr>
    <tr>
        <td>Name:</td>
        <td><input type="text" id="username" name="username"></td>
    </tr>
    <tr><form id="postform" action="" method="post" name="form">
        <td>Type your message here:</td>
        <td><textarea name="text" id="text" rows="5" cols="40"></textarea></td>
    <tr>
        <td><input type="hidden" id="pageid" name="pageid" value="20"></td>
    </tr>
    <tr>
        <td><input id="submit" type="submit" value="Post Comment"  name="submit" style="width:auto;"/></td>
    </tr>
    </form>
    </tr>
</table>

刷新后页面在文本框和文本区域中保留值。任何人都可以建议我克服它的方法吗？

Answer 1

这些值只是由客户端(网络浏览器)根据客户端历史记录自动填充的。您需要将 autocomplete="off" 添加到您想要关闭它的表单或个别输入字段。

<form autocomplete="off">
    ...
</form>

或

<form>
    <input autocomplete="off" />
    <input />
    <input autocomplete="off" />
    ...
</form>

不需要可能不适用于所有环境的讨厌的 JS hack。

另见:

• W3 Web Forms 2.0 specification - autocomplete attribute

---

与具体问题无关，您的 HTML 结构远非有效。我建议通过 http://validator.w3.org 传递您的页面并相应地修复错误/警告。