Formulare in HTML

Formularele reprezinta o modalitate de comunicare intre utilizatori si server. Pentru prelucrarea lor, sunt folosite diferite scripturi server-side, ex.:PHP, Perl.

Un formular se defineste cu ajutorul marcajului <form>, iar in interiorul acestuia se gasesc diferite campuri de introducere a datelor. Campurile unui formular destinate pentru introducerea datelor se definesc prin intermediul marcajului <input>.

Exemplu

<form action="mailto:AdresaTa@email.com" method="POST"> Numele:<br> <input type="text" name="name"><br> Email:<br> <input type="text" name="email"><br> Mesajul:<br> <textarea cols="30" rows="5"></textarea><br> <input type="submit" name="submit" value="Trimite"> <input type="reset" name="reset" value="Reseteaza"> </form>

Rezultat:

Numele:

Email:

Mesajul:

1.   Ce să mai citim?

2. Ce să mai citim?

3. Tatăl fondator al Uniunii Europene.            

4. Colonizarea de pe Marte !

5.   Ne pregătim pentru Marte

6. Colonizarea Marte poate determina umanitatea să-și modifice ADN-ul ?

7. Cine mai urăște să poarte mască?

Pentru transmiterea informatiilor catre server se utilizeaza una din cele doua metode:

• metoda get - informatiile din formular sunt vizibile in URL
• metoda post- informatiile din formular nu sunt vizibile in URL

Atributul action are ca valoare URL-ul careia ii vor fi transmise informatiile din formular, pentru prelucrare.

Campurile unui formular sunt definite cu ajutorul marcajului <input> care poate lua urmatoarele atribute:

• type - tipul campului. Poate lua urmatoarele valori:
• button - definirea unui buton
• checkbox - casute de bifat. Prin intermediul lor utilizatorul poate selecta (bifa) mai multe variante de raspuns simultan.
• file - permite utilizatorului sa selecteze un fisier din calculatorul sau. (ex. un fisier care se doreste a fi incarcat pe server).
• hidden - acest camp nu va aparea in formular, va fi invizibil.
• submit - informatiile din formular sunt trimise spre prelucrare la URL-ul indicat inaction.
• password - acest camp se foloseste la introducerea parolei. Din motive de securitate se inlocuieste fiecare caracter tastat cu un asterix (*).
• radio - reprezinta un set de elemente cu un singur nume, din care se poate selecta doar unul.
• text - camp in care utilizatorul poate introduce text.
• reset - buton la apasarea careia se goleste formularul.
• name - numele elementului
• value - valoarea atributului elementului
• size - lungimea campului de tip text sau password
• maxlength - numarul maxim de caractere care pot fi introduse intr-un camp de tip text saupassword
• disabled - dezactivarea unui element.