Formulare

Acoustic · Trimis: 03/02/2008 22:19 Titlul subiectului: Formulare

Utilizând formularele webdesignerul sau administratorul site-ului poate colecta diverse informatii de la vizitatori.

Cele mai importante elemente ale etichetei <form> sunt action si method.
action metioneaza adresa scriptului (aflat pe server) care va interpreta formularul. Aceste scripturi pot fi scrise in limbajele php sau Pearl.
method indica metoda folosita de browser pentru transmiterea formularului. Poate lua valorile get si post.
get - datele sunt trimise prin adaugarea la adresa indicata de action. Permite trimiterea unor mici cantitati de date.
post - datele sunt trimise separat si sunt permise cantitati mari de date.

Exemplu: formular cu 2 campuri, buton Trimite si buton Sterge

HTML Afisare
<form>
Nume:<input>
Prenume:<input><br>
<input><input>
</form>
Nume:
Prenume:

Eticheta <input> poate avea atributele:
type - indica tipul datelor care vor fi introduse (text=text, submit=trimite, reset=sterge, password=parola, hidden=nu este vizibil, checkbox=caseta de validare, button=buton, radio=selectarea unui solitar element dintr-un grup, file=fisier pentru upload)
name - numele asociat cimpului respectiv. Este întrebuințat la prelucrarea datelor de catre scriptul mentionat in action
size - numarul de caractere vizibile din camp
maxlenght - numarul maxim de caractere introduse in camp
readonly - datele prezente in camp nu pot fi modificate

Exemplu: formular continand toate valorile atributului <input>

HTML Afisare
<form>
Nume:<input>
Prenume:<input><br>
Telefon:<input><br>
Fax:<input><br>
Email:<input><br>
Sexul: Masculin<input> Feminin<input>

Studii: <select> <option>Scoala profesionala <option>Liceu <option>Facultate </select>

Accesati internetul de la:
Serviciu<input>
Acasa<input>
Internet cafe<input>

Fisier: <input>

Observatii:<textarea></textarea>

<input><input>
</form>

Nume:
Prenume:
Telefon:
Fax:
Email:

Sexul: Bărbătesc Feminin

Studii:

Accesati Internetul de la:
Serviciu
Acasa
Internet cafe

Fisier:

Observatii:

Constructia select introduce un meniu derulant (lista de selectie) la care valorile sunt declarate prin option.

In campul textarea se poate introduce text si are atributele cols (numar de coloane) si rows (numar de randuri).