TEXTAREA |
Région texte |
|---|---|
| HTML 2+ | IE2+, FireFox 1+, Opera 3+, Chrome, Safari 1+, Netscape 2+, WebTV, MSN TV, AvantGo |
Syntaxe
|
<TEXTAREA paramètres> ... </TEXTAREA> |
Paramètres
| Paramètre | Description | ||
|---|---|---|---|
| ACCESSKEY=caractère | Ce paramètre de balise permet d'indiquer un touche de raccourci à associer avec cette balise. | ||
| CLASS=nomclasse | Ce paramètre de balise permet d'indiquer la classe de feuille de style associé avec cette balise. | ||
| COLS=colonne | Ce paramètre de balise permet d'indiquer la largeur en colonne dans l'entrée de données texte. | ||
| DIR=direction | Ce paramètre de balise permet d'indiquer la direction de la langue : | ||
| Constante | Description | ||
| "LTR" | Cette constante indique que la direction s'effectue de la gauche vers la droite | ||
| "RTL" | Cette constante indique que la direction s'effectue de la droite vers la gauche | ||
| DISABLED=valeur | Ce paramètre de balise permet d'indiquer que le champs est désactivé: | ||
| Constante | Description | ||
| "disabled" | Cette constante indique le mode de désactivation | ||
| ID=identificateur | Ce paramètre de balise permet d'indiquer l'identificateur de cette balise. | ||
| LANG=mid | Ce paramètre de balise permet d'indiquer le MID du langage: | ||
| Valeur | Description | ||
| "af" | Cette valeur indique la langue africaine | ||
| "ar" | Cette valeur indique la langue arabe | ||
| "ar-AE" | Cette valeur indique la langue arabe des Émirates-Unies | ||
| "ar-BH" | Cette valeur indique la langue arabe de Bahreïn | ||
| "ar-DZ" | Cette valeur indique la langue arabe de l'Algérie | ||
| "ar-EG" | Cette valeur indique la langue arabe de l'Egypte | ||
| "ar-IQ" | Cette valeur indique la langue arabe de l'Irak | ||
| "ar-JO" | Cette valeur indique la langue arabe de la Jordanie | ||
| "ar-KW" | Cette valeur indique la langue arabe du Koweit | ||
| "ar-LB" | Cette valeur indique la langue arabe du Liban | ||
| "ar-LY" | Cette valeur indique la langue arabe du Libye | ||
| "ar-MA" | Cette valeur indique la langue arabe du Maroc | ||
| "ar-OM" | Cette valeur indique la langue arabe du Oman | ||
| "ar-QA" | Cette valeur indique la langue arabe du Qatar | ||
| "ar-SA" | Cette valeur indique la langue arabe de l'Arabie Saoudite | ||
| "ar-SY" | Cette valeur indique la langue arabe de Syrie | ||
| "ar-TN" | Cette valeur indique la langue arabe de la Tunisie | ||
| "ar-YE" | Cette valeur indique la langue arabe du Yémen | ||
| "be" | Cette valeur indique la langue de Biélorussie | ||
| "bg" | Cette valeur indique la langue de Bulgarie | ||
| "cs" | Cette valeur indique la langue de Crète | ||
| "da" | Cette valeur indique la langue danoise | ||
| "de" | Cette valeur indique la langue allemande | ||
| "de-AT" | Cette valeur indique la langue allemande d'autriche | ||
| "de-CH" | Cette valeur indique la langue allemande de Suisse | ||
| "de-LI" | Cette valeur indique la langue allemande de Liechtenstein | ||
| "de-LU" | Cette valeur indique la langue allemande du Luxembourg | ||
| "el" | Cette valeur indique la langue grecque | ||
| "en" | Cette valeur indique la langue anglaise | ||
| "en-AU" | Cette valeur indique la langue anglaise australienne | ||
| "en-BZ" | Cette valeur indique la langue anglaise du Bélize | ||
| "en-CA" | Cette valeur indique la langue anglaise canadienne | ||
| "en-GB" | Cette valeur indique la langue anglaise de la Grande Bretagne | ||
| "en-IE" | Cette valeur indique la langue anglaise de l'Irlande | ||
| "en-JM" | Cette valeur indique la langue anglaise de la Jamaïque | ||
| "en-NZ" | Cette valeur indique la langue anglaise du Néo-zélandais | ||
| "en-US" | Cette valeur indique la langue anglaise à l'américaine | ||
| "en-ZA" | Cette valeur indique la langue anglaise de l'afrique du sud | ||
| "es" | Cette valeur indique la langue espagnol | ||
| "es-AR" | Cette valeur indique la langue espagnol de l'Argentine | ||
| "es-BO" | Cette valeur indique la langue espagnol de Bolivie | ||
| "es-CL" | Cette valeur indique la langue espagnol du Chili | ||
| "es-CO" | Cette valeur indique la langue espagnol de Colombie | ||
| "es-CR" | Cette valeur indique la langue espagnol du Costa Rica | ||
| "es-EC" | Cette valeur indique la langue espagnol du Equateur | ||
| "es-GT" | Cette valeur indique la langue espagnol du Guatemala | ||
| "es-HN" | Cette valeur indique la langue espagnol du Honduras | ||
| "es-MX" | Cette valeur indique la langue espagnol du Mexique | ||
| "es-NI" | Cette valeur indique la langue espagnol du Nicaragua | ||
| "es-PA" | Cette valeur indique la langue espagnol du Panama | ||
| "es-PE" | Cette valeur indique la langue espagnol du Pérou | ||
| "es-PR" | Cette valeur indique la langue espagnol du Puerto Rico | ||
| "es-PY" | Cette valeur indique la langue espagnol du Paraguay | ||
| "es-SV" | Cette valeur indique la langue espagnol du El Salvador | ||
| "es-TT" | Cette valeur indique la langue espagnol du Trinidad | ||
| "es-UY" | Cette valeur indique la langue espagnol du Uruguay | ||
| "es-VE" | Cette valeur indique la langue espagnol du Venezuela | ||
| "et" | Cette valeur indique la langue estonienne | ||
| "eu" | Cette valeur indique la langue basque | ||
| "fa" | Cette valeur indique la langue iranienne | ||
| "fi" | Cette valeur indique la langue finlandaise | ||
| "fo" | Cette valeur indique la langue faeroese | ||
| "fr" | Cette valeur indique la langue française | ||
| "fr-BE" | Cette valeur indique la langue française de Belgique | ||
| "fr-CA" | Cette valeur indique la langue française canadienne | ||
| "fr-CH" | Cette valeur indique la langue française de Suisse | ||
| "fr-FR" | Cette valeur indique la langue française de France | ||
| "fr-LU" | Cette valeur indique la langue française du Luxembourg | ||
| "fr-QC" | Cette valeur indique la langue française québécoise | ||
| "gd" | Cette valeur indique la langue galicienne | ||
| "he" | Cette valeur indique la langue hébreu | ||
| "hi" | Cette valeur indique la langue hindou | ||
| "hr" | Cette valeur indique la langue croate | ||
| "hu" | Cette valeur indique la langue hongroise | ||
| "in" | Cette valeur indique la langue indonésienne | ||
| "is" | Cette valeur indique la langue Islandaise | ||
| "it" | Cette valeur indique la langue italienne | ||
| "it-CH" | Cette valeur indique la langue italienne de la Suisse | ||
| "ja" | Cette valeur indique la langue japonais | ||
| "ji" | Cette valeur indique la langue yiddish | ||
| "ko" | Cette valeur indique la langue coréein | ||
| "lt" | Cette valeur indique la langue littuanienne | ||
| "lv" | Cette valeur indique la langue Lettische | ||
| "mk" | Cette valeur indique la langue de la Macédoine | ||
| "ms" | Cette valeur indique la langue malésienne | ||
| "mt" | Cette valeur indique la langue maltaise | ||
| "nl" | Cette valeur indique la langue néerlandaise | ||
| "nl-BE" | Cette valeur indique la langue néerlandaise Belge | ||
| "no" | Cette valeur indique la langue norvégien | ||
| "pl" | Cette valeur indique la langue polonaise | ||
| "pt" | Cette valeur indique la langue portugaise | ||
| "pt-br" | Cette valeur indique la langue portugaise du Brésil | ||
| "rm" | Cette valeur indique la langue Rhaeto-Romanic | ||
| "ro" | Cette valeur indique la langue roumain | ||
| "ro-MO" | Cette valeur indique la langue roumain de la Moldavie | ||
| "ru" | Cette valeur indique la langue russe | ||
| "ru-MO" | Cette valeur indique la langue russe de la Moldavie | ||
| "sa" | Cette valeur indique la langue sanskrit | ||
| "sb" | Cette valeur indique la langue sorbianne | ||
| "sk" | Cette valeur indique la langue slovaque | ||
| "sl" | Cette valeur indique la langue Slovéne | ||
| "sq" | Cette valeur indique la langue albanaise | ||
| "sr" | Cette valeur indique la langue serbe | ||
| "sv" | Cette valeur indique la langue suèdoise | ||
| "sv-FI" | Cette valeur indique la langue suèdoise de la Finlande | ||
| "sx" | Cette valeur indique la langue estonienne | ||
| "th" | Cette valeur indique la langue thaïlandaise | ||
| "tn" | Cette valeur indique la langue tswana de l'Afrique du sud | ||
| "tr" | Cette valeur indique la langue turc | ||
| "ts" | Cette valeur indique la langue tsonga de l'Afrique du sud | ||
| "uk" | Cette valeur indique la langue ukrainienne | ||
| "ur" | Cette valeur indique la langue urdu | ||
| "vi" | Cette valeur indique la langue vietnamienne | ||
| "xh" | Cette valeur indique la langue xhosa de l'Afrique | ||
| "zh" | Cette valeur indique la langue chinoise | ||
| "zh-CN" | Cette valeur indique la langue chinoise de PRC | ||
| "zh-HK" | Cette valeur indique la langue chinoise de Hong-Kong | ||
| "zh-SG" | Cette valeur indique la langue chinoise de Singapour | ||
| "zh-TW" | Cette valeur indique la langue chinoise de Taïwan | ||
| "zu" | Cette valeur indique la langue zulu de l'Afrique | ||
| ... | ... | ||
| NAME=nom | Ce paramètre de balise permet d'indiquer le nom de cette balise. | ||
| ONCLICK=action | Ce paramètre de balise permet d'indiquer une action à effectuer lorsqu'on clique avec la souris sur cette balise | ||
| ONDBLCLICK=action | Ce paramètre de balise permet d'indiquer une action à effectuer lorsqu'on double-clique avec la souris sur cette balise | ||
| ONKEYDOWN=action | Ce paramètre de balise permet d'indiquer une action à effectuer lorsqu'une touche du clavier est enfoncée | ||
| ONKEYPRESS=action | Ce paramètre de balise permet d'indiquer une action à effectuer lorsqu'une touche du clavier est enfoncée puis relâchée | ||
| ONKEYUP=action | Ce paramètre de balise permet d'indiquer une action à effectuer lorsqu'une touche du clavier est relâchée | ||
| ONMOUSEDOWN=action | Ce paramètre de balise permet d'indiquer une action à effectuer lorsque le bouton de la souris est enfoncé au moment du passage sur cette balise | ||
| ONMOUSEMOVE=action | Ce paramètre de balise permet d'indiquer une action à effectuer lorsque la souris déplace cette balise | ||
| ONMOUSEOUT=action | Ce paramètre de balise permet d'indiquer une action à effectuer lorsque la souris quitte la zone de cette balise | ||
| ONMOUSEOVER=action | Ce paramètre de balise permet d'indiquer une action à effectuer lorsque la souris passe sur cette balise | ||
| ONMOUSEUP=action | Ce paramètre de balise permet d'indiquer une action à effectuer lorsque le bouton de la souris est relaché au moment du passage sur cette balise | ||
| READONLY=valeur | Ce paramètre de balise permet d'indiquer que le champs en lecture seulement: | ||
| Constante | Description | ||
| "readonly" | Cette constante indique le mode en lecture seulement est actif. | ||
| ROWS=ligne | Ce paramètre de balise permet d'indiquer la hauteur en ligne dans l'entrée de données texte. | ||
| STYLE=list | Ce paramètre de balise permet d'indiquer des paramètres de feuille de style associé avec cette balise. | ||
| TABINDEX=position | Ce paramètre de balise permet d'indiquer l'ordre de sélection des champs et éléments dans un formulaire. | ||
| TITLE=message | Ce paramètre de balise permet d'indiquer le titre ou la bannière jaune associé avec cette balise. | ||
Description
Cette balise permet de définir une entrée de données sur plusieurs lignes.
Remarques
- On utilise généralement cette balise en l'incluant dans un formulaire à l'aide de la balise «form» afin de transmettre son contenu à un serveur Web (Apache, IIS, Nginx,...).
- Si vous souhaitez offrir la possibilité de modifier le style du texte (gras, souligné,...) sous IE, vous devrez plutôt utiliser la balise «div» avec un attribut «contentEditable=true» ou «iframe» et «body», pour Firefox, avec un attribut «contentEditable=true». Dans le cas de manipulation trop complexe, genre un éditeur WYSIWYG du Web, vous n'aurez sans doute pas le choix d'utiliser une bibliothèque comme TinyMCE, Innova Studio,...
- Conflit : Dans la plupart des navigateurs, le paramètre «style» est prioritaire sur le paramètre «class» ou «id». Ainsi, si vous définissez aux deux endroits, des valeurs différentes, par exemple «style="color:red;"» et «color:green» dans la classe, c'est le paramètre «style» avec son «color:red» qui sera utilisé par le navigateur Web. Il est à noter qu'il est préférable de ne pas mettre des informations contradictoires comme celle-ci (deux paramètres identiques avec des valeurs différentes) car le résultat peut malgré tout demeurer imprévisible.
- Grâce au CSS3, il est possible d'indiquer à Chrome et Firefox qu'il faut uniquement redimensionner verticalement cette balise en indiquant dans la feuille de style du CSS «resize: vertical;».
- Redimensionner le TEXTAREA sous IE : Si vous souhaitez redimensionner cette balise sous IE8 ou supérieure, vous devrez envisager d'utiliser «resizable» du jQuery-ui de la façon suivante :
- <!doctype html>
- <html lang="fr">
- <head>
- <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
- <script src="//code.jquery.com/jquery-1.10.2.js"></script>
- <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
- <style>.ui-resizable-se { bottom: 17px; }</style>
- <script>
- $(function() {$( "#message" ).resizable({handles: "se"});});
- </script>
- </head>
- <body>
- <textarea id="message" rows="5" cols="20"></textarea>
- </body>
- </html>
- Redimensionnage vertical de le TEXTAREA sous IE : Si vous souhaitez redimensionner uniquement à la verticale avec IE, vous devrez donc avoir un code ressemblant à ceci :
- <!doctype html>
- <html lang="fr">
- <head>
- <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
- <script src="//code.jquery.com/jquery-1.10.2.js"></script>
- <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
- <style>.ui-resizable-se { bottom: 17px; }</style>
- <script>
- $(function() {$( "#message" ).resizable({handles: "se",minWidth: $( "#message" ).width()+6,maxWidth: $( "#message" ).width()+6});});
- </script>
- </head>
- <body>
- <textarea id="message" rows="5" cols="82"></textarea>
- </body>
- </html>
Exemples
Voici un exemple permettant d'afficher une boite avec le contenu «Le texte de Gladir.com est modifiable» :
on obtiendra le résultat semblable suivant :
|
Entrer votre texte dans la boite : |
Voir également
Références
HTML - The Definitive Guide, 3rd Edition, Edition O'Reilly, Chuck Musciano, Bill Kennedy, 1998, ISBN: 1-56592-492-4, page 529
Dernière mise à jour : Dimanche, le 2 novembre 2014