Tutorial HTML
Formulare
Folosind formularele webdesignerul sau administratorul site-ului poate colecta diverse informatii de la vizitatori.
Cele mai importante atribute 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 action="script.php" method="post"> Nume:<input type="text" name="nume"> Prenume:<input type="text" name="prenume"><br> <input type="submit" value="Trimite"><input type="reset" value="Sterge"> </form> |
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 singur element dintr-un grup, file=fisier pentru upload, image=butonul va fi inlocuit cu o imagine)
name - numele asociat cimpului respectiv. Este folosit la prelucrarea datelor de catre scriptul mentionat in action
size - numarul de caractere vizibile din camp
maxlength - 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 action="script.php" method="post"> Nume:<input type="text" name="nume"> Prenume:<input type="text" name="prenume"><br> Telefon:<input type="text" name="telefon"><br> Fax:<input type="text" name="fax"><br> Email:<input type="text" name="email"><br> Sexul: Masculin<input type="radio" name="sex" value="m"> Feminin<input type="radio" name="sex" value="f"> Studii: <select> <option value="scoala">Scoala profesionala <option value="liceu">Liceu <option value="facultate">Facultate </select>
Accesati Internetul de la: Fisier: <input type="file" name="file"> Observatii:<textarea name="obs" rows="5" cols="30"></textarea>
<input type="submit" value="Trimite"><input type="reset" value="Sterge"> |
Constructia select introduce un meniu derulant (lista de selectie), valorile fiind declarate prin option.
In campul textarea se poate introduce text, avand atributele cols (numar de coloane) si rows (numar de randuri).
Daca doriti puteti particulariza butoanele din formular folosind atributul type=image in cadrul etichetei input si indicand fisierul imagine.
| HTML | Afisare |
|
<form action="script.php" method="post"> <input type="image" src="trimite.gif" alt="Trimite"> </form> |
15 Jan 2025 9:31 PM