Campurile de text de acest fel sunt folosite pentru comentarii, bloguri, memos, sau orice alt scop care cere un spatiu de exprimare.
pentru a crea un camp de text (text area) vom avea nevoie de un tag de deschidere si unul de inchidere dupa cum urmeaza:
html<textarea>Camp de text!</textarea>
Pentru a modifica dimensiunea standard a unui camp de text vom folosi coloanele si liniile, cu denumirile lor in engleza,colssi rows. Aceste vor avea valori numerice. Cu cat valoarea numerica a acestora va fi mai mare cu atat campul va fi mai mare.
html<textarea cols="50" rows="2">Camp de text!</textarea>
<textarea cols="40" rows="5">Camp de text!</textarea>
<textarea cols="20" rows="10">Camp de text!</textarea>
Acest atribut al tagului <textarea> va stabilii felul in care va reactiona textului atunci cand va ajunge la sfarsitul liniei.
Wrap va avea una dintre cele trei valori: hard, soft, off.
Atributul textarea Hard - va plasa un enter la sfarsitul fiecarei linii si va trimite textul in acelasi format in care a fost introdus.
html<textarea cols="20" rows="5" wrap="hard">Hard - va plasa un enter la sfarsitul fiecarei linii si va trimite textul in acelasi format in care a fost introdus.</textarea>
Atributul textarea Off - nu va formata campul de text sub nici o forma, lasand textul introdus intr-o singura linie continua
html<textarea cols="20" rows="5" wrap="off">Off - nu va formata campul de text sub nici o forma, lasand textul introdus intr-o singura linie continua.</textarea>
Depinzand de valoarea acestui atribut, utilizatorul poate sau nu modifica continutul campului de text. Atributul readonly poate lua valoarile "yes" sau "no". Dupa cum poate fi observat acest text nu poate fi modificat. In cazul in care s-ar alege valoarea no a atibutului readonly s-ar obtine rezultatul opus.
html<textarea cols="20" rows="5" wrap="hard" readonly="yes">Dupa cum poate fi observat acest text nu poate fi modificat. In cazul in care s-ar alege valoarea no a atibutului readonly s-ar obtine rezultatul opus.</textarea>
Atributul disabled nu se difera prea mult de readonly. Acesta va afisa textul in gri, restrictionand in acelasi timp, posibilitatea de a modifica textul pe care il contine campul respectiv.
html<textarea cols="20" rows="5" wrap="hard" disabled="yes">Atributul disabled nu se difera prea mult de readonly. Acesta va afisa textul in gri, restrictionand in acelasi timp, posibilitatea de a modifica textul pe care il contine campul respectiv.</textarea>
Practicati putin cu aceste atribute pentru a la stapanii mai bine. Succes