Placer une variable JavaScript dans une balise input (formulaire HTML)

Par ,
Publié le 21 décembre 2019
Logo HTML 5Logo JavaScript (JS)

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.

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 :

Poster un Commentaire

avatar
  S’abonner  
Notifier de