Comportement d'actualisation du navigateur

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

  •  09-06-2019
  •  | 
  •  

Question

Lorsqu'un utilisateur clique sur Actualiser sur son navigateur, il recharge la page mais conserve le contenu des champs du formulaire.Bien que je puisse considérer qu'il s'agit d'une valeur par défaut utile, cela peut être ennuyeux sur certaines pages dynamiques, conduisant à une expérience utilisateur interrompue.

Existe-t-il un moyen, dans les en-têtes HTTP ou équivalents, de modifier ce comportement ?

Était-ce utile?

La solution 

<input autocomplete="off">

Autres conseils

Cela devrait faire l'affaire:

<body onload="document.FormName.reset();">

Remplacez FormName par le nom de votre formulaire, puis tous les champs seront réinitialisés lorsque l'utilisateur clique sur Actualiser dans son navigateur.

Ou si vous souhaitez uniquement réinitialiser certains champs, ajoutez ceci au bas de votre page :

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

Cela réinitialisera les champs chaque fois qu'un utilisateur entrera dans la page, y compris les actualisations

Ajoutez l'attribut de saisie semi-automatique défini sur "off" aux entrées que vous ne souhaitez pas actualiser.Par exemple:

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

voirla référence W3C

bien que cela ne soit pas mentionné dans la référence, cela fonctionne également avec les cases à cocher, du moins sur Firefox.

Vous pouvez appeler la méthode reset() de l'objet formulaires à partir de l'événement bodyload de votre document HTML pour effacer les formulaires.

h1.Les références

Je me demande si vous définissez la page pour qu'elle ne soit pas mise en cache via les balises méta, cela résoudra-t-il le problème ? http://lists.evolt.org/archive/Week-of-Mon-20030106/131984.html Si c'est le cas, il aura l'avantage de fonctionner sur les navigateurs avec Javascript désactivé.

Les données sur les formulaires ne font pas partie des spécifications du w3c.Il s'agit d'une fonctionnalité de navigateur qui vous simplifie la vie.Ainsi, si vous ne souhaitez pas conserver les données après le rechargement, vous pouvez définir toutes les valeurs du formulaire sur null après le chargement, comme l'a dit Espo.Même si la page n'est pas mise en cache, elle affichera les données sur le formulaire, car les données ne font pas partie du code HTML de la page.Vous pouvez aussi essayer ceci (je ne sais pas si cela fonctionnera) :

<input type="text" name="foo" value="">
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top