Formulare
Folosind formularele webdesignerul sau administratorul site-ului poate colecta diverse informaţii de la vizitatori.
Cele mai importante atribute ale etichetei <form> sunt:
- action şi method.
Exemplu: formular cu 2 câmpuri, buton trimite şi buton reset
Nume:<input type="text" name="nume"><br>
Prenume:<input type="text" name="prenume"><br>
<input type="submit" value="trimite"><input type="reset" value="reset">
</form>
Eticheta <input> poate avea atributele:
- type - indică tipul datelor care vor fi introduse (text= text, submit= trimite, reset= şterge, password= parolă, hidden= nu este vizibil, checkbox= casetă de validare, button= buton, radio= selectarea unui singur element dintr-un grup, file= fişier pentru upload, image= butonul va fi înlocuit cu o imagine)
- name - numele asociat câmpului respectiv. Este folosit la prelucrarea datelor de către scriptul menţionat în action
- size - numărul de caractere vizibile din câmp
- maxlenght - numărul maxim de caractere introduse în câmp
- readonly - datele prezente în câmp nu pot fi modificate
Nume:<input type="text" name="nume"><br>
Sexul: Masculin<input type="radio" name="sex" value="m"> Feminin<input type="radio" name="sex" value="f">
<br>
Studii:
<select>
<option value="scoala">Scoala profesionala
<option value="liceu">Liceu
<option value="facultate">Facultate
</select><br>
Accesati Internetul de la:
Serviciu<input type="checkbox" name="serv">
Acasa<input type="checkbox" name="acasa">
Internet cafe<input type="checkbox" name="cafe"><br>
Fisier: <input type="file" name="file"><br>
Observatii:<textarea name="obs" rows="5" cols="30"></textarea><br>
<input type="submit" value="trimite"><input type="reset" value="reset">
</form>
Eticheta select introduce un meniu derulant (lista de selecţie), valorile fiind declarate prin eticheta option.
În câmpul textarea se poate introduce text, având atributele cols (număr de coloane) şi rows (număr de rânduri).
Butoanele din formular pot fi particularizate folosind atributul type="image" în cadrul etichetei input şi indicând fişierul imagine.
Exemplu:
