Partage
  • Partager sur Facebook
  • Partager sur Twitter

Nettoyage des valeurs dans des tags input

Sujet résolu
    18 mai 2022 à 9:36:47

    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

    • Partager sur Facebook
    • Partager sur Twitter

    Celui qui trouve sans chercher est celui qui a longtemps cherché sans trouver.(Bachelard)
    La connaissance s'acquiert par l'expérience, tout le reste n'est que de l'information.(Einstein)

      18 mai 2022 à 15:08:57

      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 ;)

      • Partager sur Facebook
      • Partager sur Twitter
      HTML5 & JavaScript enthusiast (webdev/gamedev/mobile/demoscene). [github, twitter@_jmpp]
        18 mai 2022 à 15:45:09

        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...

        • Partager sur Facebook
        • Partager sur Twitter

        Celui qui trouve sans chercher est celui qui a longtemps cherché sans trouver.(Bachelard)
        La connaissance s'acquiert par l'expérience, tout le reste n'est que de l'information.(Einstein)

        Nettoyage des valeurs dans des tags input

        × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
        • Editeur
        • Markdown