Tutorial HTML - Text Areas

  »   HTML  »   Tutoriale HTML - campuri de text, Comentarii, textareas

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>

Demo

Textarea - Campuri de text, dimensiuni

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>

Demo

Textarea - atributul wrap

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.

  • 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 hardva trimite textul in format liber.
  • Off- nu va formata campul de text sub nici o forma, lasand textul introdus intr-o singura linie continua.

Atributul hard / soft

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>

Demo

Atributul off

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>

Demo

Textarea - atributul readonly

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>

Demo

Textarea - 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.

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>

Demo

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