Formulare HTML

Un formular HTML reprezinta un ansamblu de zone de control (butoane, meniuri, casete de

selectie etc.) si nume pentru acele zone. 
Un utilizator foloseste un formular pentru: introducerea unui text, selectarea unei optiuni
dintr-un meniu etc.

Dupa completare formularul este trimis spre utilizare unei aplicatii web. Pe server aplicatia web
proceseaza formularul, eventual introduce datele intr-o baza de date , iar, daca este cazul, clientul
care a completat formularul (form) primeste un raspuns.
Un formular este definit de tagurile <form> si </form> care cuprinde 2 aribute esentiale: 
- atributul "action" care precizeaza ce se intampla cu datele trimise pe server. In general acesta are
ca valoare adresa URL a unui script de pe serverul respectiv
- atributul "method" precizeaza metoda de expediere a datelor de catre browserul web. Acest
atribut poate lua 2 valori:
- "get" - in acest caz datele sunt trimise la adresa specificata atributului "action". Aceasta
metoda nu permite transmiterea unor cantitati mari de date (maxim 1KB).
- “post” - in acest caz datele sunt expediate separat si sunt permise cantitati mari de date.

Elementele unui formular sunt definite prin tagul <input>, iar pentru definirea tipului unui
element se folosesc atributele:
- "type": determina tipul elementului folosit in formular.

Se mai folosesc urmatoarele atribute importante:

- "name": ataseaza un nume unui element al formularului;
- "value": atribuie o valoare initiala unui element al formularului.

In cazul in care se editeaza un text (type="text") se mai pot folosi alte 2 atribute si anume:
- "size": determina latimea campului de editare, iar daca textul introdus in caseta depaseste
valoarea stabilita, va fi executata derularea textului.
- "maxlenght": stabileste numarul maxim de caractere care pot fi introduse in caseta.

Elementele folosite pentru constructia unui formular sunt:

1. Butoane: acestea pot fi de 2 tipuri:

 de trimitere (submit): trimite un formular spre validare catre un server. Un formular
poate contine mai multa butoane de trimitere.
 de resetare (reset): cand este apasat, acest buton aduce toate campurile formularului
la valorile initiale.
Butoanele mai pot fi introduse intr-o pagina web si prin intermediul blocului
<button>...</button> si pot declansa actiuni legate de formularul din care fac parte sau pot
fi plasate oriunde in pagina web pentru actiuni independente de formular.
Tagul <button> foloseste atributele:
- "name" atribuie elementului un nume;
- "value" afiseaza un text pe buton;
- "type" precizeaza actiunea ce va avea loc la apasarea butonului in cazul in care acesta face
parte dintr-un formular si are urmatoarele valori posibile: "button", "submit", "reset".

2. Casetele de validare (checkbox)

-permit selectarea sau deselectarea unei optiuni. Numai o caseta selectata va trimite date
catre un server. Intr-un formular pot exista mai multe casete de validare care sa permita
selectarea mai multor valori pentru aceeasi proprietate.
3. Butoanele radio sunt asemenatoare cu casetele de validare cu deosebirea ca acestea
permit selectarea unei singure valori din mai multe posibile. Butoanele radio pot fi impartite
in familii, iar butoanele unei familii vor avea acelasi nume dat de atributul "name".
4. Casetele de fisiere sunt casete ale caror continut integral este luat pe post de valoare
dandu-i atributului "type" valoarea "file" (fisier). Pentru casetele de fisiere se mai folosesc
3 atribute:
- "name" ataseaza un nume care va fi expediat serverului;
- "value" primeste ca valoare adresa URL a fisierului expediat odata cu formularul. Aceasta
adresa poate fi atribuita prin mai multe metode: prin asocierea directa a atributului "value" cu
adresa, prin tastarea intr-un camp de editare sau prin selectarea prin intermediul unei casete
de tip "Browse...";
- "enctype" stabileste metoda de criptare a fisierului expediat. Acest atribut are valoarea
"multipart/form-data".
5. Imaginile pot fi folosite pe post de butoane care vor determina diferite actiuni. Imaginile
sunt folosite pe post de harti de imagini (se poate folosi ca buton numai o parte a imaginii).
Pentru aceasta, atributului "type" al etichetei <input> i se va acorda valoarea "image". Se
mai folosesc urmatoarele atribute la includerea unei imagini intr-un formular:
- "src" are asociata ca valoare adresa URL a imaginii folosite in formular;
- "name" are ca valoare un nume ca va fi expediat catre server;
- "align" are ca valori coordonatele imaginii in pagina web.
6. Elementul de tip "hidden" este un camp ascuns dintr-un formular, element a carui valoare
nu va fi afisata in pagina web. Atributului "type" al etichetei <input> primeste valoarea
'hidden'. Scopul acestui camp este de a trimite catre server date care nu sunt introduse de
catre utilizator. Valoarea acestui atribut poate fi folosita de catre un script JavaScript, PHP,
Perl sau un applet Java.
7. Listele de selectie permit selectarea unei optiuni din mai multe posibile. Aceste liste sunt
definite de tagurile <select> si </select> cu urmatoarele atribute:
- "name" atribuie liste un nume care este expediat serverului;
- "size" precizeaza numarul de elemente din lista vizibile pe ecran. Valoarea implicita este 1.
Elementele suplimentare pot fi vizualizate prin derularea barei atasate listei de elemente.
Elementele sunt introduse cu etichetele <option> si </option>, care folosesc doua atribute:
- "value" care primeste ca valoare un text ce va fi expediat serverului
- "selected" nu are atribuita nici o valoare si permite selectarea prestabilita a unui element
din lista.
Exista posibilitatea definirii unei liste cu selectii multiple (lista in care pot fi selectate mai
multe elemente in acelasi timp) prin introducerea atributului "multiple" in tagul <select>.
8. Campuri de editare multilinie. Introducerea unui camp de editare multilinie se face cu
tagurile <textarea>...</textarea> intre care se folosesc urmatoarele atribute:
- "cols" primeste ca valoare numarul de caractere dintr-o linie;
- "rows" primeste ca valoare numarul de linii afisate in acelasi timp;
- "name" ataseaza un nume campului de editare;
- "wrap" determina trecerea cuvintelor pe urmatorul rand. Acestui atribut i se pot da
urmatoarele valori: "soft" (se intrerup cuvintele la marginea dreapta a editorului si nu este
inclus caracterul de sfarsit de linie in textul transmis serverului); "hard" (se intrerup cuvintele
la marginea dreapta a editorului si este introdus in text caracterul de sfarsit de linie); "off"
(intreruperea cuvintelor la marginea dreapta a editorului se face la dorinta utilizatorului si in
textul trimis serverului este introdus caracterul de sfarsit de linie).

In tagul <form> se poate introduce atributul "target". Acest atribut primeste ca valoare tipul
ferestrei in care va fi procesat formularul si poate primi valorile: "_blank", "_self",
"_parent" sau "_top".
Intr-un formular orice element poate avea optiunea "disabled" care dezactiveaza elementul
respectiv.
Elementele de tip text pot avea un atribut "read only" care impiedica modificarea continutului
acestora.