Tutorial HTML: Crearea formularelor in HTML


Formularele se folosesc  pentru ca administratorii site-urilor sa colecteze informatii de la utilizatori. Forumularele sunt tool-uri sau unelte foarte importante pentru webmasteri, ele ajutand la crearea de statistici, pool-uri, formulare de inscriere, abonamente, etc.

De cele mai multe ori, aceste formulare HTML trebuie folosite impreuna cu scripturi PHP sau JavaScript pentru a putea inregistra datele introduse in acel formular.

Crearea unui formular trebuie facuta in etichetele <form>…</form>, care subordoneaza urmatoarele atribute:

action – aici se scrie adresa URL unde se gaseste scriptul care interpreteaza acest formular.

method – poate lua valoarea GET sau POST, indicand metoda folosita de browser pentru transmiterea formularului.

target – indica locul unde utilizatorul va fi trimis dupa transmiterea datelor din formular.

Eticheta <input> poate avea urmatoarele atribute:

type – indica tipul de formular care urmeaza a fi folosit.

name – atribuie un nume campului, pentru a putea fi apelat de scriptul folosit pentru citirea form-ului.

maxlenght – numarul maxim de caractere acceptat in acel camp.

size – numarul de caractere vizibile in acel camp.

checked – precizeaza daca butonul sau checkboxul care va fi intalnit, sa fie bifat sau nu.

disabled – acest atribut face campul vizibil, insa imposibil de accesat de catre utilizatori. Nimic din acest rand nu va fi trimis catre scriptul pe care il folositi.

In continuare va voi prezenta un formular folosind toate atributele etichetei <input>:

<form action="scriptul.php" method="post">
Nume:<input type="text" name="nume"><br />
Prenume:<input type="text" name="prenume"><br />
Telefon:<input type="text" name="telefon">
Fax:<input type="text" name="fax"><br />
Email:<input type="text" name="email"><br />
Sexul: 	Masculin <input type="radio" name="sex" value="masc"> 
Feminin <input type="radio" name="sex" value="fem">
<br /><br />
Studii: <select> 
<option value="fara-studii">Fara Studii</option>
<option value="studii-medii">Studii Medii</option>
<option value="studii-superioare">Studii Superioare</option>
</select>
<br /><br />
Utilizati:<br />
Calculatorul<input type="checkbox" name="pc"><br />
Laptopul<input type="checkbox" name="laptop"><br />
Tableta/SmartPhone<input type="checkbox" name="smart">
<br />
Fisier: <input type="file" name="file">
<br /><br />
Observatii: <textarea name="observatii" rows="5" cols="30"></textarea>
<br /><br />
<input type="submit" value="Trimite"><input type="reset" value="Reseteaza">
</form>
Nume:
Prenume:
Telefon:
Fax:
Email:
Sexul: Masculin
Feminin Studii:

Utilizati:
Calculatorul
Laptopul
Tableta/SmartPhone

Fisier:

Observatii:

Campuri de formular ascunse

Un camp de formular de tip ascuns sau hidden, nu este vizibil de utilizatorul si are scopul de a trimite informatii suplimentare catre scriptul PHP.



Leave a Reply

Your email address will not be published. Required fields are marked *