Formulaire textarea - Cours Javascript

Introduction

Info

Dans ce cours de javascript, nous allons étudier les propriétés Javascript de la balise HTML et XHTML <textarea>.
La balise HTML et XHTML textarea est champ texte multiligne.
La balise textarea HTML et XHTML fonctionne de la même façon que <input type="text">

Vous trouverez d'autres informations pour compléter ce cours dans le chapitre :
- l'objet javascript TextArea du Document Object Model HTML (DOM HTML)
- la balise HTML XHTML TEXTAREA
- les feuilles de style CSS

textarea

Balise HTML et XHTML

HTML :
Exemple de code :
<textarea name="nom" value="dmc">
</textarea>

XHTML :
Exemple de code :
<textarea id="nom" value="dmc">
</textarea>

Changer la valeur

Vous pouvez changer la valeur du contenu de la balise HTML et XHTML Texarea :

Par exemple :


Passez la souris sur le lien
Exemple de code :
<form name="f">
<textarea name="dmc"></textarea>
<a href="#" onMouseOver = "document.forms.f.dmc.value='cmd'" onMouseOut = "document.forms.f.dmc.value = 'dmc'">Change</a>
</form>

Bloquer le champ

Vous pouvez bloquer la saisie dans la balise HTML et XHTML Texarea:
Exemple de code :
<form name="f"><textarea name="dmc" onfocus = "document.forms.f.dmc.blur()"></textarea></form>

Vous pouvez récupérer la valeur du champ :
Taper un mot dans la première case :
  
Cliquez moi pour changer
Exemple de code :
<form name="fff">
  <textarea name="dmc">dmc</textarea>
  <textarea name="cmd"></textarea>
    <a href="javascript:void(0)" onClick = "document.forms.fff.cmd.value = document.forms.fff.dmc.value">Changer</a>
</form>

Les événements

Les événements

onBlur Quand on perd le focus de la balise HTML et XHTML textarea.
onChange Quand on fait un changement dans la balise HTML et XHTML textarea (interprétée suivant le navigateur).
onFocus Quand on prend le focus de la balise HTML et XHTML textarea.
onSelect Quand on sélectionne du texte dans la balise HTML et XHTML textarea (interprétée suivant le navigateur).
onKeyDow Quand on presse une touche dans la balise HTML et XHTML textarea (interprétée suivant le navigateur).
onKeyPress Quand une touche est pressée dans la balise HTML et XHTML textarea (interprétée suivant le navigateur).
onKeyUp Quand on lâche une touche dans la balise HTML et XHTML textarea (interprétée suivant le navigateur).
Exemple de code :
<textarea name="dmc" onfocus = "Action()">
</textarea>

Les méthodes

Les méthodes

blur() Enlève le focus de la balise HTML et XHTML textarea.
focus() Met le focus dans la balise HTML et XHTML textarea.
select() Sélectionne le contenu de la balise HTML et XHTML textarea.
handleEvent() Gestion des événements
Exemple de code :
document.forms.formulaire.textarea.blur()