Formulare

Cursul pe pe care-l studiați, TIC, este predestinat doar proiectării și machetării HTML. Ținând cont de categoria de vârstă, au fost omise foarte multe informații pentru a simplifica la maxim studierea materialului pentru aplicarea acestora în practică. Elemente HTML care vom studia la această temă:

form

elementul specifică inceputul și sfârșitul formularului. În interiorul acestui tag se pot găsi input-uri (câmpuri pentru a scrie un text: nume, prenume, email, parolă ș.a.). Tagul form conține două atribute importante:

action

specifică calea către script-ul care va prelucra datele formularului

method

specifică metoda de transmitere a datelor. Cele mai frecvent utilizate metode este get și post.

Sintaxă:
<form action="-- cale script-- " method="-- post sau altă metodă-- " >-- câmpuri(input-uri) unde vor fi păstrată informația introdusă de utilizator și expediată către scriptul indicat în atributul action --</form>

label

elementul permite specificarea unei etichete pentru câmpurile formularului. Adesea, acesta este înlocuit cu alte elemente HTML ca: p, h*, span ș.a. Textul indicat în etichete reprezintă o metodă de a sugera utilizatorului ce trebuie indicat în câmpul alăturat.

Sintaxă:
<label>Un careva text. Ex: Introdu poșta electronică</label>

textarea(text de mare volum)

Sintaxă: <textarea style="min-width: 100px; min-height: 100px;"></textarea>

input

elementul permite utilizatorului a introduce o careva informație, fie text, număr, dată calendaristică, alegere multiplă, alegere simplă ș.a. Acest tag conține câteva atribute importante (name, type, și value), în dependeță de specificul acestuia.

text:

Sintaxă: <input type="text" name="nume">

parolă:

Sintaxă: <input type="password" name="parola">

număr:

Sintaxă: <input type="number" step="1" value="10">

dată calendaristică:

Sintaxă: <input type="date">

culoare:

Sintaxă: <input type="color">

alegere multiplă:
Matematica Informatica TIC
Sintaxă: <input type="checkbox" checked="">

buton de confirmare:
Se folosește pentru expedierea datelor într-un formular pentru ca acestea să fie procesate de către scriptul indicat în action

Sintaxă: <input type="submit" value="Confirm expedierea formularului">

și altele.