Pourquoi la case à cocher reste-t-elle cochée lors du rechargement de la page ?

Question

Je recharge une page web qui contient le code suivant :

<label for="showimage">Show Image</label>
<input id="showimage" name="showimage" type="checkbox" value="1" />

Même si les séjours HTML envoyés au navigateur sont les mêmes à chaque rechargement de la page, la case à cocher prend toujours la valeur cochée lorsqu'un rechargement a été effectué. En d'autres termes, si l'utilisateur coche la case et recharge la page, la case est toujours cochée.

Est-ce qu'il y a une mise en cache ici ?

Editar : J'ai essayé la solution de Gordon Bell ci-dessous et je constate que cela se produit toujours même après avoir supprimé la valeur="1". Y a-t-il autre chose qui m'échappe ?

<label for="showimage">Show Image</label> 
<input id="showimage" name="showimage" type="checkbox" />

Answer 1

Ajouter autocomplete="off" dans l'élément de formulaire de la page. L'inconvénient est que ce n'est pas du XHTML valide, mais cela résout le problème sans javascript compliqué.

Answer 2

Oui, je crois que c'est la mise en cache. Je constate ce comportement sur Firefox par exemple (pas sur Safari, pour ce que ça vaut :) ).

vous pouvez recharger la page et contourner le cache (sur Firefox) en utilisant CTRL - SHIFT - R et vous verrez que la valeur de contrôle ne porte pas (une valeur normale CTRL - R récupérera cependant les informations du cache)

modifier : J'ai pu désactiver cette fonction côté serveur sur Firefox, en définissant un en-tête de contrôle du cache :

Cache-Control: no-store

cela semble désactiver la fonction "mémoriser les valeurs du formulaire" de Firefox.

Answer 3

Set autocomplete="off" avec js fonctionne également bien.

par exemple en utilisant jquery :

$(":checkbox").attr("autocomplete", "off");

Answer 4

Il s'agit d'une vieille question mais le problème est toujours d'actualité pour firefox. Aucune des réponses que j'ai essayées n'a résolu le problème, mais qu'est-ce qui peut être fait ? a fait

    document.getElementById('formId').reset();

Cela réinitialise simplement le formulaire avec les options par défaut à chaque fois que la page se charge. Ce n'est pas l'idéal puisque vous perdez le contrôle granulaire, mais c'est la seule chose qui a résolu le problème pour moi.

Answer 5

C'est une fonctionnalité intéressante de Firefox : si vous tapez quelque chose mais que vous rechargez la page, le texte reste dans la zone de texte. Idem pour les autres paramètres que vous avez choisis.

Hélas, cela ne fonctionne pas dans SO (probablement réinitialisé par JS) et dans les navigateurs plus idiots comme IE...

Je vous propose une solution : si vous avez vraiment besoin de faire cela, réinitialisez le formulaire avec JS. form.reset() pourrait faire l'affaire (agit comme le bouton de saisie Reset).