Pré-remplir un champs de formulaire (input) avec JavaScript
HTML 5
JavaScript (JS)
Par arthur-and-ashes,
Publié le 21 décembre 2019
Je rencontre une nouvelle difficulté : placer le texte d’un cookie dans une balise HTML. Cela me permettra notamment d’intégrer les informations du cookie dans un formulaire HTML. Ainsi, quand un utilisateur de mon site essaye de me contacter, je récupère certaines informations supplémentaires.
Bien sûr, j’aurais pu faire ça plus facilement en PHP qui s’intègre facilement au HTML. Mais comme mon cookie a été créé en Javascript, il est plus facile pour moi de continuer avec ce langage. Je vais donc tenter de pré-remplir un champs de formulaire avec JavaScript.
Afficher des données HTML dans une balise input est assez simple. Ici j’utiliserai un input de type « text ». Mais je pourrais tout aussi bien cacher cette information dans un input de type « hidden ».
<input type="text" id="myfield" />
Méthode 1 : utiliser setAttribute
<input id="field1">
<script>
var myvalue = "bonjour";
document.getElementById('field1').setAttribute('value', myvalue);
</sript>
Voici le résultat :
Méthode 2 : Utiliser write pour écrire toute la balise input.
<script>
var message = 'ça va ?';
document.write('<input type="text" value="' + message + '" />');
</script>
Ce qui donne :
retrouvez tous les outils et ressources en liens avec ce tuto ...
Technologies utilisées pour ce tuto :
HTML 5
JavaScript (JS)