Comportamiento de actualización del navegador

StackOverflow https://stackoverflow.com/questions/52213

  •  09-06-2019
  •  | 
  •  

Pregunta

Cuando un usuario presiona Actualizar en su navegador, recarga la página pero mantiene el contenido de los campos del formulario.Si bien veo que esto es un valor predeterminado útil, puede resultar molesto en algunas páginas dinámicas y provocar una experiencia de usuario deficiente.

¿Hay alguna manera, en encabezados HTTP o equivalentes, de cambiar este comportamiento?

¿Fue útil?

Solución 

<input autocomplete="off">

Otros consejos

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, incluidas las actualizaciones.

Agregue el atributo de autocompletar establecido en "desactivado" a las entradas que no desea que se actualicen.Por ejemplo:

<input type="text" name="pin" autocomplete="off" />

verla referencia del W3C

Aunque no se menciona en la referencia, también funciona con casillas de verificación, al menos en Firefox.

Puede llamar al método reset() del objeto de formularios desde el evento de carga del cuerpo de su documento html para borrar los formularios.

h1.Referencias

Me pregunto: si configura la página para que no se almacene en caché mediante metaetiquetas, ¿eso solucionará el problema? http://lists.evolt.org/archive/Week-of-Mon-20030106/131984.html Si es así, tendrá la ventaja de funcionar en navegadores con Javascript deshabilitado.

Los datos de los formularios no forman parte de la especificación w3c.Es una función del navegador que le facilitará la vida.Entonces, si no desea conservar los datos después de las recargas, puede establecer todos los valores del formulario en nulos después de cargarlo, como dijo Espo.Incluso si la página no está almacenada en caché, mostrará los datos en el formulario, porque los datos no forman parte del código html de la página.Puedes probar esto también (no sé si funcionará):

<input type="text" name="foo" value="">
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top