html – 输入字段在页面刷新后保留其值,如何防止?

<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>

刷新后,页面在textBox和textarea中保留了价值.任何人都建议我克服它的方法吗?

解决方法

这些值仅由客户端(webbrowser)根据客户端历史记录自动填充.您需要将autocomplete =“off”添加到您要将其关闭的表单或单个输入字段.
<form autocomplete="off">
    ...
</form>

要么

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

不需要令人讨厌的JS黑客攻击,这可能不适用于所有环境.

也可以看看:

> W3 Web Forms 2.0 specification – autocomplete attribute

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

相关文章

vue阻止冒泡事件 阻止点击事件的执行 &lt;div @click=&a...
尝试过使用网友说的API接口获取 找到的都是失效了 暂时就使用...
后台我拿的数据是这样的格式: [ {id:1 , parentId: 0, name:...
JAVA下载文件防重复点击,防止多次下载请求,Cookie方式快速简...
Mip是什么意思以及作用有哪些