浏览器刷新行为

Mar*_*ing 16 html refresh http

当用户在其浏览器上点击"刷新"时,它会重新加载页面但保留表单字段的内容.虽然我可以看到这是一个有用的默认设置,但在某些动态页面上可能很烦人,导致用户体验受损.

在HTTP标头或等效物中,有没有办法改变这种行为?

Esp*_*spo 7

这应该做的伎俩:

<body onload="document.FormName.reset();">
Run Code Online (Sandbox Code Playgroud)

将FormName替换为表单名称,然后当用户在浏览器中单击刷新时,将重置所有字段.

或者,如果您只想重置某些字段,请将其添加到页面底部:

<script type="text/javascript">
    document.getElementById('field1').value ='';
    document.getElementById('field2').value ='';
    document.getElementById('field3').value ='';
</script>
Run Code Online (Sandbox Code Playgroud)

这将在用户每次进入页面时重置字段,包括刷新


Fab*_*ien 5

将设置为“关闭”的自动完成属性添加到您不想刷新的输入。例如:

<input type="text" name="pin" autocomplete="off" />
Run Code Online (Sandbox Code Playgroud)

请参阅 W3C 参考

虽然参考文献中没有提到,但它也适用于复选框,至少在 Firefox 上是这样。