Tutorial HTML - Text Fields

  »   HTML  »   Tutoriale HTML - Text Fields Maxlength, Size, Value

Campurile de text sunt intalnite cel mai des in formulare. Acestea sunt ulteror procesate cu ajutorul unui limbaj de programare de cele mai multe ori ASP PERL sau PHP.

Atributele aditionale care se folosesc pentru formatarea unui camp de text sunt:

- size
- value
- maxlength

Vom exemplifica in continuare pe fiecare in parte.

HTML - Marimea campului de text

Atributul size stabileste lungimea campului de text. Lungimea standard a unui camp de text este in general intre 20-25 de caractere, dar poate varia depinzand de scopul formularului sau al campului in sine.

html<p><input type="text" size="5" /></p>

<p><input type="text" size="15" /></p>

<p><input type="text" size="25" /></p>

Demo

Un alt atribut este value

Folosind acest atribut vom face posibila scrierea de informatie in campurile noastre, informatie pe care userul o poate sterge sau nu. Aceasta aplicatie este destul de folositoare in special atunci cand se integreaza un script php care recunoaste un vizitator si retine optiunile inscrise de acesta.

html<p><input type="text" size="5" value="12345" /></p>

<p><input type="text" size="15" value="HTML text filed" /></p>

<p><input type="text" size="25" value="HTML Tutorials " /></p>

Demo

HTML - Maxlength

Maxlength este unul dintre atributele cele mai folositoare ale campurilor de text, el impiedicand userul sa introduca un sir de caractere mai mare decat cel dorit.

html<p><input type="text" size="5" maxlength="5" /></p>

<p><input type="text" size="15" maxlength="15" /></p>

<p><input type="text" size="25" maxlength="25" /></p>

Demo

in cazul in care vei dori sa introduci mai mult de 5, 15 si respectiv 25 de caractere in campurile de mai sus, acest lucru nu va fi posibil datorita restrictiei aplicata de catre "maxlength".