Soutiens les tutos gratuits de code.broker en cliquant sur la pub ⬆

Pré-remplir un champs de formulaire (input) avec JavaScript

Logo HTML 5 HTML 5
Logo JavaScript (JS) JavaScript (JS)

Par ,
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 :

S’abonner
Notifier de
0 Commentaires
Inline Feedbacks
View all comments

Tu as aimé ce tuto ? Clique sur la pub ci-dessous ⬇ pour soutenir code.broker