Formulare HTML

Cu ajutorul formularelor va aratam cum sa adaugati interactivitate cu documentele dvs. web prin intermediul etichetelor <form>. Cu ajutorul formularelor puteti sa adaugati la paginile dvs. de web o carte de oaspeti, formulare de comanda, sondaje de opinie, sau pentru a primi feedback-ul sau orice altceva.

Elementele de baza a unui formular HTML sunt:

<form> - incepe un formular

<input> - cere informatii in moduri diferite

</ form> - sfarsitul unui formular

Cam asta e pe scurt formularul HTML. Acum sunteti gata pentru a face un formular! Acum e un moment bun sa subliniam faptul ca daca doriti sa invatati cum se face documentele html de calitate, atunci ar fi bine sa ia alocati timp pentru a intelege etichetele. Sunt foarte multe editoare de ex. Editplus, NoteTab Pro, etc.

Si daca tot sunteti aici, luati-va o copie a web browser-ul Firefox. Este gratuit si are instrumente foarte utile pentru programatori web. Eu il folosesc intotdeuna si-l recomand cu entuziasm.

Cea mai dei folosit element intr-un formular este eticheta <input>. Tipul de intrare este specificat cu ajutorul atributului. Cele mai frecvent utilizate tipuri de intrari sunt:

Campul de editare text (text field)

Aceste campuri de text sunt utilizate atunci cand doriti ca utilizatorul sa tasteze litere, numere, etc, intr-o anumita forma.

De exemplu:

<form>
Nume: <input type="text" name="firstname"> <br>
Prenume: <input type="text" name="lastname">
</ form>

Formularul HTML este format din mai multe sectiuni. Putem sa le numim zone, care contin sacete de selectie (select box), campuri de editare (text box). Acestea sunt menite de a interactiona cu utilizatorul care va trimite serverului date pe care utilizatorul va introduce.

Formularul poate sa contine una sau mai multe etichete de formular html, ele chiar ajungand sa aiba o forma deosebit de complexa.

In momentul in care un formular web este incarcat intr-o pagina web, utilizatorul completeaza acest formular HTML dupa care trimite serverului web. Serverul, raspunde utilizatorului printr-un mesaj si totodata le proceseaza datele primite de la utilizator.

Ca si exemplu are fi un formular de contact, prin care utilizatorul trimite un mesaj titularului de website in care doreste sa obtine informatii despre un produs. Utilizatorul completeaza formualrul, iar serverul va trimite un mesaj prin e-mail.

Atribute de baza a unui formular HTML:

• action
• method

Controalele din cadrul formularelor HTML

• Casete cu text
• Casete cu parola
• Suprafata cu text
• Liste de selectie
• Lista de selectie cu selectii multiple
• Control de tip fisiere
• Casete de validare
• Butoane
• Butoane Radio
• Butonul Reset

Daca veti si incercati un generator de formulare HTML atunci vizitati phpForm. Aceasta va va ajuta la desenarea formularului avand posibilitatea de a alege intre scheme de culoari, puteti sa definiti ce controale sa contina formularul. Totul se poate configura usor si apoi salva fisierul HTML.

Un formula HTML creat pe acel site: