AZzeL
Data de inscriere : 30/06/2012
 |  Subiect: Mesaj: Tutorial HTML - Text Areas  Sam Aug 11, 2012 1:15 am | |
| 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: - Cod:
-
<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, cols si rows. Aceste vor avea valori numerice. Cu cat valoarea numerica a acestora va fi mai mare cu atat campul va fi mai mare. - Cod:
-
<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> Texta areas - atributul "wrap"
Acest atribut al tagului 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.
- Hard - va plasa un enter la sfarsitul fiecarei linii si va trimite textul in acelasi format in care a fost introdus. - Soft - va plasa un enter la sfarsitul fiecarei linii dar spre deosebire de hard va trimite textul in format liber.
- Off - nu va formata campul de text sub nici o forma, lasand textul introdus intr-o singura linie continua. - Cod:
-
<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.
Atributul off - Cod:
-
<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.
Text area - atributul "readonly"
Depinzand de valoarea acestui atribut, utilizatorul poate sau nu modifica continutul campului de text. Atributul readonly poate lua valoarile "yes" sau "no". - Cod:
-
<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.
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. Cu toate aceste textul poate fi subliniat si copiat cu ajutorul CTRL-C sau click dreapta/copy.
Text area - Atributul "disabled"
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. - Cod:
-
<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.
|
|
