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>

Afisare:

Camp de text!

Text area - Campuri de text, dimensiuni

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>

Afisare

Camp de text!

Camp de text!

Camp de text!


Texta areas - atributul "wrap"

Acest atribut al tagului va stabilii felul in care va reactiona textului atunci cand va ajunge la sfarsitul liniei.<br /><br /><i>Wrap</i> va avea una dintre cele trei valori: <i>hard, soft, off.</i><br /><br />- <i>Hard</i> - va plasa un enter la sfarsitul fiecarei linii si va trimite textul in acelasi format in care a fost introdus. - <i>Soft </i>- va plasa un enter la sfarsitul fiecarei linii dar spre deosebire de hard va trimite textul in format liber.<br />-<i> Off </i>- nu va formata campul de text sub nici o forma, lasand textul introdus intr-o singura linie continua. <br /><br /><br /><strong><span style="font-size: 18px; line-height: normal">Atributul hard / soft </span></strong><br /> <dl class="codebox"> <dt>Cod:</dt> <dd class="cont_code"><code><br /><textarea cols="20" rows="5" wrap="hard"><br /><br />Hard - va plasa un enter la sfarsitul fiecarei linii si va trimite textul in acelasi format in care a fost introdus.<br /><br /></textarea> </code></dd> </dl><br /><br /><textarea cols="20" rows="5" wrap="hard"><br /><br />Hard - va plasa un enter la sfarsitul fiecarei linii si va trimite textul in acelasi format in care a fost introdus.<br /><br />


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.

</textarea>

<br /><br />Off - nu va formata campul de text sub nici o forma, lasand textul introdus intr-o singura linie continua.<br /><br />


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.

</textarea>

<br /><br />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.<br /><br />


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.

</textarea>

<br /><br />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.<br /><br />


Practicati putin cu aceste atribute pentru a la stapanii mai bine. Bafta


Din casutele albe incercati sa selectati textul pentru ca,din cauza fundalului acesta se vede foarte putin.Ne cerem scuze!