Bonjour à tous,

Je souhaite à chaque chargement de ma page HTML, réinitialiser mes valeurs se trouvant dans des tags input. J'ai essayé plusieurs solutions se trouvant sur stack mais sans réussite et comme je suis débutant en javascript, sans doute que j'applique mal.

Le but est de ne plus avoir un historique affiché dans mes input lorsque j'arrive sur la page.

Voici le code HTML (j'utilise bootstrap + Django)

<form action="{% url 'check_user' %}" method="post" id="form-connect">
    <div class="mb-3" id="user">
      <label for="InputUser" id="lab1" class="form-label">Pseudo utilisateur</label>
      <input type="text" name=name class="form-control" value="" id="InputUser" autocomplete="off">
    </div>
    <div class="mb-3" id="password">
      <label for="InputPassword" id="lab2" class="form-label">Mot de passe utilisateur</label>
      <input type="password" name=password class="form-control" value="" id="InputPassword" autocomplete="off">
    </div>
    <button type="submit" id="envoi" class="btn btn-primary">Envoyer</button>
</form>

Malgré mes essais rien ne se passe...

Merci par avance,

Excellente journée

Hello

Il s'agit d'un mécanisme navigateur, et donc à priori non scriptable.

Cependant, il existe une simple solution pour dire au navigateur de ne pas sauvegarder et re-remplir un champs : utiliser l'attribut `autocomplete` :

<input type="text" autocomplete="off">

https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion ;)

Merci @jmpp,

Ok, je suis passé par autre chose avec l'attribut onclick qui modifie la valeur par une chaîne vide et j'ai modifié les valeurs de l'input avec des valeurs par défaut, donc je m'en sors tout de même...

Par contre je suis passé par l'attribut autocomplete="off", comme tu peux le constater dans mon code.,mais je ne vois pas de différence de mon côté.

En attendant je mets en résolu, comme ça n'a pas l'air possible, mais suis ouvert à d'autres propositions que celle que j'ai soumis.

Te remerciant encore...