FORMULARE HTML

Formularele HTML sunt folosite pentru a prelua diferite date de la utilizator.

Formulare

Un formular reprezinta o zona din pagina in care se gasesc mai multe elemente caracteristice unui formular. Un element caracteristic formularelor este un element cu ajutorul caruia se pot prelua date de la utilizator (ca spre exemplu: campuri de text, butoane radio, meniuri drop-down, casete de bifa, etc)

Un formular este definit cu tag-ul  <form>.

Tag-ul Input

Cel mai utilizat tag intr-un formular este tag-ul <input>. Tipul input-ului este dat de atributul type (tip). Cele mai utilizate tipuri sunt explicate in continuare:

Campuri de text (Text Fields)

Campurile de text se folosesc atunci cand se doreste ca utilizatorul sa poata introduce text(caractere, cifre, semne) intr-un formular.

Exemplu:

<form> Nume:  <input type="text" name="nume"> <br> Prenume:  <input type="text" name="prenume"> </form>

Iata ce va afisa in  browser exemplul de mai sus:

Nume: 

Prenume: 

ATENTIE! Efectul tag-ului <form> nu este vizibil in browser.

ATENTIE! Majoritatea browser-elor au campul de text de 20 de caractere standard.

Radio Buttons/Butoane Radio

Butoanele Radio se folosesc atunci cand se doreste ca utilizatorul sa poata alege dintr-un numar limitat de posibilitati.

Exemplu:

<form> <input type="radio" name="sex" value="barbat"> Barbat <br> <input type="radio" name="sex" value="femeie"> Femeie </form>

Iata ce va afisa in browser exemplul de mai sus:

 Barbat
 Femeie

ATENTIE! Doar o singura optiune se poate alege.

Checkboxes/Casetele de selectie

Casetele de selectie se folosesc atunci cand se doreste ca user-ul sa poata selecta una sau mai multe optiuni dintr-un numar limitat de optiuni.

Exemplu:

<form> Imi place calculatorul: <input type="checkbox" name="calculator" value="Calculator"> <br> Imi place pescuitul:  <input type="checkbox" name="pescuit" value="Pescuit"> <br> Imi place masina:  <input type="checkbox" name="masina" value="Masina"> </form>

Iata si ce va apare in browser:

Imi place calculatorul:
Imi place pescuitul:
Imi place  masina:

Atributul Action si Butonul  Submit

Cand utilizatorul face click pe butonul “Submit”, atunci continutul formularului este trimis server-ului. Atributul Action defineste numele documentului catre care se va trimite continutul formularului. Documentul care este indicat prin atributul Action este de obicei si documentul de pe server care se va ocupa de procesarea continutului din formular.

Exemplu:

<form name="input" action="#" method="get"> Utilizator:  <input type="text" name="user"> <input type="submit" value="Trimite"> </form>

Iata ce va afisa browserul:

Utilizator:  

Daca veti scrie ceva in cmpul de text si apoi veti apasa butonul Trimite nu se va intampla nimic deoarece continutul formularului nu se trimite nicaieri intrucat am folosit # in locul fisierului destinatie.

Tag-uri Formular

Tag	Descriere
<form>	Defineste un formular
<input>	Defineste un camp de text
<textarea>	Defineste un camp de text cu mai multe linii
<label>	Defineste o eticheta
<fieldset>	Defineste un set de campuri
<legend>	Defineste un antet pentru un set de campuri
<select>	Defineste o lista de optiuni selectabile
<optgroup>	Defineste un grup de optiuni intr-un <select>
<option>	Defineste o optiune intr-un <select>
<button>	Defineste un buton pe care se poate apasa
<isindex>	Nu se mai utilizeaza. Utilizati <input>