Actualiser de votre navigateur comportement

Lorsqu'un utilisateur clique sur Actualiser dans leur navigateur, il recharge la page, mais conserve le contenu des champs du formulaire. Alors que je peux voir ce qui est utile, par défaut, il peut être gênant sur certaines pages dynamiques, conduisant à une fracture de l'expérience utilisateur.

Est-il un moyen, dans les en-têtes HTTP ou équivalents, pour changer ce comportement?

  • Avant de faire cela, parce que prudent de supposer que tout le monde va vouloir vous à des formes claires, parce que personnellement, j'aime que les données de formulaire est disponible lors de l'arrière/vers l'avant. Il a fallu beaucoup de temps pour les navigateurs à le faire et j'avais de la haine pour qu'il disparaisse!
  • Ne vous inquiétez pas, je ne suis pas la désactivation de ce pour toutes les formes, juste les quelques cas où l'hypothèse n'a pas de sens.
InformationsquelleAutor Marcus Downing | 2008-09-09
  1. 34
    <input autocomplete="off">
    • cela fonctionne pour les boutons radio?
    • il fonctionne pour les boutons radio
    • c'est le travail que pour le HTML5
    • ne fonctionne pas dans IE9
    InformationsquelleAutor Joseph Bui
  2. 7

    Cela devrait faire l'affaire:

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

    Remplacer le nom du formulaire avec le nom de votre formulaire et ensuite tous les champs seront remis à zéro lorsque l'utilisateur clique sur actualiser dans son navigateur.

    Ou si vous ne souhaitez réinitialiser certains champs, ajoutez à cela le fond de votre page:

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

    Qui permettra de rétablir les domaines, chaque fois qu'un utilisateur entre dans la page, y compris les actualisations de

    InformationsquelleAutor Espo
  3. 4

    Ajouter l'attribut autocomplete réglé sur "off" pour les entrées que vous ne voulez pas être actualisé.
    Par exemple:

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

    voir
    le W3C référence

    bien que non mentionné dans la référence, il fonctionne également avec des cases à cocher, au moins sur firefox.

    InformationsquelleAutor Fabien
  4. 2

    Que vous pourriez appeler la méthode reset() les formes de l'objet à partir de la charge corporelle de l'événement de votre document html pour effacer les formulaires.

    h1. Références

    InformationsquelleAutor Edward Wilde
  5. 0

    Je me demande, si vous définissez la page de ne pas être mis en cache à l'aide de balises meta, que cela va résoudre le problème? http://lists.evolt.org/archive/Week-of-Mon-20030106/131984.html Si elle le fait, il aura l'avantage de travailler sur navigateur avec Javascript désactivé.

    • En fait, j'ai besoin de Javascript pour toutes sortes d'autres morceaux de la page.
    InformationsquelleAutor Rob Rolnick
  6. 0

    Les données sur les formes ne font pas partie de la spécification du w3c. C'est une fonctionnalité du navigateur pour rendre votre vie plus facile. Donc, si vous ne voulez pas conserver les données après la recharge, vous pouvez définir toute forme de valeurs à null après le chargement, comme Espo dit.
    Même si la page n'est pas mis en cache, il affichera les données sur la forme, parce que les données ne font pas partie de la page de code html.
    Vous pouvez essayer cela aussi (je ne sais pas si cela va fonctionner):

    <input type="text" name="foo" value="">
    InformationsquelleAutor ThoriumBR