TextArea HTML

Un element de tip textarea defineste un control de text cu mai multe linii. Campurile de acest fel sunt folosite de obicei pentru introducerea unor comentarii, scrierea unui mesaj sau in general atunci cand utilizatorul are nevoie de mai mult spatiu de exprimare.

Definirea controlului are loc prin intermediul marcajelor <textarea> </textarea>

Dimensiunele controlului textarea se determina prin numarul de coloane si randuri specificate cu ajutorul atributelorcols si respectiv rows

Exemplu:

<textarea rows="5" cols="20"> Hello World! </textarea> <textarea rows="3" cols="40"> Hello World! </textarea>

TextArea - atributul "wrap"
Atributul "wrap" specifica felul in care va reactiona textul atunci cand acesta va atinge sfarsitul liniei. Exista 3 valori pe care le poate lua acest atribut:

1. soft - va plasa un enter la sfaritul fiecarei linii, dar nu va trimite la server caracterul enter (carriage return)
2. hard - arata exact asa ca si "soft", insa spre deosebire de acesta, caracterul enter este trimis la server.
3. off - Textul este afisat si trimis la server exact asa cum este scris.

<textarea rows="4" cols="15" wrap="soft" > Hello World! </textarea> <textarea rows="4" cols="15" wrap="hard" > Hello World! </textarea> <textarea rows="4" cols="15" wrap="off"> Hello World! </textarea>

Soft	Hard	Off

TextArea - Readonly si Disabled

1. readonly - acest atribut poate lua valorile "yes" sau "no". Cu ajutorul acestui atribut se specifica daca continutul campului de text va putea sau nu, fi modicat.
2. disabled - atributul disabled este asemanator lui readonly, deasemenea nu permite modificarea textului, insa spre deosebire de acesta, textul va fi afisat in gri. In asa fel utilizatorul va percepe vizual ca campul respectiv nu poate fi modificat.

De mentionat ca textul dintr-un textarea definit cu "readonly" putea fi selectat cu mouse-ul, si ulterior copiat, pe cand "disabled" nu ofera aceasta posibilitate. 

<textarea rows="4" cols="15" readonly="yes" > Hello World! </textarea> <textarea rows="4" cols="15" disabled="yes" > Hello World! </textarea>

disabled	readonly

1.   Ce să mai citim?

2. Ce să mai citim?

3. Tatăl fondator al Uniunii Europene.            

4. Colonizarea de pe Marte !

5.   Ne pregătim pentru Marte

6. Colonizarea Marte poate determina umanitatea să-și modifice ADN-ul ?

7. Cine mai urăște să poarte mască?