Médiaforma

Accéder à une zone de texte en JavaScript

Print Friendly

Cette rubrique va vous montrer comment modifier une zone de texte dans un formulaire en utilisant une instruction JavaScript.

Dans un premier temps, nous définissons un formulaire et nous donnons un nom à ce formulaire avec l’attribut name de la balise <form>.

Une zone de texte de nom zt1 est insérée dans le formulaire. Cette zone de texte est dimensionnée et un texte y est affiché pour inciter l’utilisateur à cliquer sur le bouton.

Le bouton est une simple balise <input> de type button. Le texte affiché dans le bouton est défini avec l’attribut value. Lorsque l’utilisateur clique sur le bouton, l’événement onClick est généré. Pour accéder au formulaire, on écrit document.forms et on fait suivre cette écriture par le nom du formulaire, entre guillemets et entre crochets. Pour accéder à la zone de texte, on utilise le terme elements suivi du nom de la zone de texte, entre guillemets et entre crochets. Enfin, pour accéder à la valeur affichée dans la zone de texte, il suffit d’utiliser le terme value.

La nouvelle valeur est affectée à cette expression avec un simple signe « =« .

Voici le résultat :

Vous avez aimé cet article ? Partagez-le avec vos réseaux...
 
Comments

No comments yet.

Leave a Reply