Un formular este un ansamblu de zone active alcatuit din butoane ,casete de selectie,campuri de editare etc.
Formularele va asigura construirea unori pagini Web care permit utilizatorilor sa introduca efectiv informatii si sa le transmita serverului.Formularele pot varia de la o simpla caseta de text ,pentru introducerea unui sir de caractere pe post de cheie de cautare - element caracteristic tuturor motoarelor de cautaredin Web - pana la o structura complexa ,cu multiple sectiuni ,care ofera facilitati puternice de transmisie a datelor. O sesiune cu o pagina web ce contine un formular cuprinde urmatoarele etape:
1. Utilizatorul completeaza formularul si il expedieaza unui server.
2. O aplicatie dedicata de pe server analizeaza formularul completat si (daca este necesar) stocheaza datele intr-o baza de date.
3. Daca este necesar serverul expedieaza un raspuns utilizatorului.
Un formular este definit intr-un bloc delimitat de etichetele corespondente
.
Atribute esentiale ale elementului
vezi acest exemplu
Pentru elementul de tipul camp de editare (type = "text") , alte doua atribute pot fi utile:
. atributul size specifica latimea campului de editare depaseste aceasta latime ,atunci se executa automat o derulare acestui camp;
. atributul maxlength specifica numarul maxim de caractere pe care le poate primi un camp de editare; caracterele tastate peste numarul maxim sunt ignorate.
Observatii:
- daca atributul type lipseste intr-un element , atunci campul respectiv este considerat in mod prestabilit ca fiind de tip "text".
- formularele cu un singur camp (de tip text) nu au nevoie de un buton de expediere, datele sunt expediate automat dupa completarea si apasarea tastei ENTER.
Butonul Reset
Daca un element de tip are atributul type configurat la valoarea "reset" ,atunci in formular se introduce un buton pe care scrie "Reset". La apasarea acestui buton ,toate elementele dinn formular primesc valorile prestabilite (definita odata cu formularul ), chiar daca aceste valori au fost modificate de utilizator.
Un buton Reset poate primi un nume cu ajutorul atributului name si o valoare printr-un atribut value.
Un asemenea buton afiseaza textul "Reset" daca atributul value lipseste, respectiv valoarea acestui atribut in caz contar.
Un formular cu un buton reset
vezi acest exemplu
Camp de editare de tip "password"
Daca se utilizeaza eticheta avand atributul type configurat la valoarea "password" , atunci in formular se intyroduce un element asemanator cu un camp de editare obisnuit (introdus prin type="text").
Toate atributele unui camp de editare raman valabile.
Singura deosebire consta in faptul ca acest camp de editare nu afiseaza caracterele in clar,ci numai caractere *,care ascund de privirile altui utilizator aflat in apropiere valoarea introdusa intr-un asemenea camp.
La expedierea formularului insa, valoarea tastata intr-un camp de tip "password" se transmite in clar.
Un formular cu un buton reset
vezi acest exemplu
Butoane radio
Butoanele radio permit alegerea ,la un moment dat , aunei singure variante din mai multe posibile. Butoanele radio se introduc prin eticheta cu atributul type avand valoarea "radio".
Un formular cu butoane radio
vezi acest exemplu
La expedierea formularului se va transmite una dintre perechile "sex=b" sau "sex=f",in functie de alegerea facuta de utilizator.
Casete de validare
O caseta de validare (checkbox)permite selectarea sau deselctarea unei optiuni.
Pentru inserarea unei casete de validare se utilizeaza eticheta cu atributul type configurat la valoarea "checkbox".
Observatii:
- fiecare caseta poate avea un nume definit prin atributul name.
fiecare caseta poate avea valoarea prestabilita "selectat" definita prin atributul checked.
Un formular cu casete checkbox
vezi acest exemplu
Casete de fisiere
Intr-o pereche "name = value" a unui formular se poate folosi intregul continut al unui fisier pe post de valoare.
Pentru aceasta se insereaza un element intr-un formular , cu atributul type avand valoarea "file" (fisier).
Atributele pentru un element de tip caseta de fisiere:
. atributul name permite atasarea unui nume
. atributul value primeste ca valoare adresa URL a fisierului care va fi expediat o data cu formularul. Aceasta valoare poate fi atribuita direct atributului value, se poate fi tastata intr-un camp de editare ce apare o data cu formularul sau poate fi selectata prin intermediul unei casete de tip File Upload sau Choose File care apare la apasarea butonului Browse din formular;
. atributul enctype precizeaza metoda utilizata la criptarea fisierului de expediat.Valoarea acestui atribut este "multipart/form-data".
Un formular cu caseta de fisiere
>
vezi acest exemplu
Liste de selectie
O lista de selectie permite utilizatorului sa aleaga unul sau mai multe elemente dintr-o lista finita. Lista de selectie este inclusa in formular cu ajutorul etichetelor corespondente .
O lista de selectie poate avea urmatoarele atribute:
. atributul name, care ataseaza listei un nume (utilizat in perechile "name=value" expediat serverului);
. atributul size, care precizeaza (printr-un numar intreg pozitiv , valoarea prestabilita fiind 1) cate elemente din lista sunt vizibile la un moment dat pe ecran (celelalte devenind vizibile prin actionarea barei de derulare atasate automat listei).
Elementele unei liste de selectie sunt incluse in lista cu ajutorul etichetei .
Doua atribute ale etichetei option se dovedesc utile: aributul value primeste ca valore un text care va fi expediat server-ului in perechea "name=value"; daca acest atribut lipseste ,atunci catre server va fi expediat textul ce urmeaza dupa ; atributul selected (fara alte valori) permite selectarea prestabilita a unui elem,ent al listei. formex_7
Un formular cu o lista de selectie
vezi acest exemplu
Daca atributul size este egal cu 1 atunci lista de selectie arata asa.
Lista de selectie cu selectii multiple
O lista de selectie ce permite selectii multiple se creeaza intocmai ca o lista de selectie obisnuita. In plus , eticheta
