html - google - Comportamiento de actualización del navegador
actualizar google chrome 2018 (6)
Cuando un usuario accede a Refrescar en su navegador, vuelve a cargar la página pero mantiene el contenido de los campos del formulario. Si bien puedo ver que esto es un valor predeterminado útil, puede ser molesto en algunas páginas dinámicas, lo que lleva a una experiencia de usuario quebrada.
¿Hay alguna forma, en encabezados HTTP o equivalentes, para cambiar este comportamiento?
Agregue el atributo de autocompletar establecido en "off" a las entradas que no desea que se actualicen. Por ejemplo:
<input type="text" name="pin" autocomplete="off" />
aunque no se menciona en la referencia, también funciona con casillas de verificación, al menos en Firefox.
Esto debería funcionar:
<body onload="document.FormName.reset();">
Reemplace FormName con el nombre de su formulario y luego todos los campos se restablecerán cuando el usuario haga clic en actualizar en su navegador.
O si solo desea restablecer algunos campos, agregue esto al final de su página:
<script type="text/javascript">
document.getElementById(''field1'').value ='''';
document.getElementById(''field2'').value ='''';
document.getElementById(''field3'').value ='''';
</script>
Eso restablecerá los campos cada vez que un usuario ingrese a la página, incluyendo actualizaciones
Los datos en formularios no son parte de la especificación w3c. Es una función del navegador para hacerte la vida más fácil. Por lo tanto, si no desea conservar los datos después de las recargas, puede establecer que todos los valores del formulario sean nulos después de cargarlos, como dijo Espo. Incluso si la página no está en caché, mostrará los datos en el formulario, porque los datos no son parte del código html de la página. Puedes probar esto también (no sé si funcionará):
<input type="text" name="foo" value="">
Me pregunto, si configuras la página para que no se almacene en caché a través de metaetiquetas, ¿solucionará el problema? http://lists.evolt.org/archive/Week-of-Mon-20030106/131984.html Si lo hace, tendrá el beneficio de trabajar en el navegador con el Javascript desactivado.
Puede llamar al método reset () del objeto forms desde el evento body load de su documento html para borrar los formularios.
h1. Referencias
- Método de restauración de MSDN - http://msdn.microsoft.com/en-us/library/ms536721(VS.85).aspx
- Mozilla developer center form.reset
<input autocomplete="off">