Tutorial HTML - Text Areas
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:
|
<textarea>Camp de text!</textarea> |
Afisare
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.
|
<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
Texta areas - 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 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.
Atributul hard / soft
|
<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 off
|
<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> |
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".
|
<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> |
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.
|
<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. Bafta
Comentarii
foarte interesant site-ul, dar mai trebuie explicar ceva:D, sau daca nu sami spunuti ceva in particular doar daca vreti;)...oricum bft in continuare...goog job:P..
ba frate pune si tu exact ca ios mai greu de cap si nu am inteles nimik :((
Aveti niste ERORI in acesta pagina. Va rog sa adaugati, daca vreti, codul HTML pt a putea urmari si noi cum ati facut suprafetele te text de mai sus. Se repeta tabelele! Cu multumiri si aprecieri pt calitatea si usurinta de a intelege informatia sitului.
Vedeti ca aveti o eroare la Wrap, unde intra untr-un box peste 50 de linii de cod(html)
Imi cer scuze pt intarzierea in a rectifica eroarea. Multumesc pentru atentionare. Acum functioneaza totul corect.
imi uteti spune ce cod sa folosesc ca sa imi apara textul codurilor si sa nu se "execute"? adica sa apara exact ce scriu. (de exemplu pentru codul unui banner)
sper ca intelegeti la ce ma refer...
Cum ai facut sa vedem codurile?
am incercar sa pun atributul < code> - </ code > ,dar nu mi-a mers...
apropo, folosesc platforma Wordpress...
O zi buna!
In principiu trebuie sa transformi semnele care marcheaza deschiderea (<) si inchiderea (>) tagurilor in valoarea lor numerica ( < si respectiv > ) sau in valoarea corelata ( < si respectiv > )
In principiu ar fi de ajuns pentru afisarea codului simplu html.
Succes!!
@xpt1
Cat despre Wordpress nu te pot ajuta prea mult Eu folosesc o platforma creata de mine si personalizata in functie de necesitatile si structuta sitului meu. Imi pare rau
am reusit. multumesc mult :)
am incercat sa pun si eu o caseta text..si vreau sa pun mai multe randuri unul sub altu'...numai k la sfarsitul fiekrui rand apare <br />
plss..help me :(
vreau sa stiu si eu cum fac sa-mi apara pe acelas site(adik al meu)cand scrie cineva un comentariu si da "ADAUGA" sa apara pe acelas sit......si daca apare, unde apare?........vreau ajutooooooooo!!!!!!!Multumesc....
Ehehe... Daca ar fi atat de usor...
Trebuie sa stii, pe langa HTML calumea, mult PHP si destul MySQL...
Mai bine folosesti platforme (CMS-uri), dintre care iti recomand WordPress
Trimite un comentariu!
