Formulare

Formularele HTML sunt necesare la colectarea informatiilor de la vizitatori. De exemplu, in timpul inregistrarii pe un site doresti informatii precum nume, adresa de email, parola, etc.

Un formular poate prelua aceste informatii si le poate transmite mai departe catre un script ASP sau un script PHP.

Cand discutam de formulare HTML discutam despre mai multe tipuri de campuri, textarea, drop-down, butoane radio, checkbox, etc.Avem urmatoarea sintaxa pentru formulare:

<form action="URLul Scripturlui" method="GET/POST">
    Aici avem input, textarea, radio button, sau orice alt element necesar.
</form>

Atribute form:

In afara de atributele obisnuite avem si cateva atribute specifice formularelor:

Elemente Formular

Sunt mai multe tipuri de elemente ce pot fi folosite intr-un formular pentru a colecat informatii de la utilizatori.

• Text Input
• Checkbox-uri
• Butoane Radio
• Select Box-uri
• File Select
• Hidden
• Submit si Reset

Text Input

Acest tip de element al unui formular poate fi folosit pentru:

• Texte pe un singur rand – Acest tip de element este folosit pentru text pe un singur rand (ex: search box, nume, email, etc). Este creat folosind tag-ul <input type=’text’>.

<input type="text" name="nume_client" />

• Parole – Tot acest tip de element se foloseste si pentru parole, dar in forma <input type=’password’> pentru a ascunde caracterele scrise.

<input type="password" name="parola_client" />

• Texte pe mai multe randuri – Acest element este folosit atunci cand dorim sa scriem un text mai mare (pe mai multe de 1 rand). Pentru acest tip de informatie trebuie sa folosim elementul <textarea>.

<textarea rows="5" cols="70" name="descriere_produs">Introdu o descriere pentru produsul tau aici...</textarea>

Checkbox-uri

Checkbox-urile sunt folosite pentru a selecta mai multe optiuni/ Pot fi creeate folosind tag-ul <input type=’checkbox’>

Vreau sa invat:
<input type="checkbox" name="CSS" value="on"> CSS
<input type="checkbox" name="HTML" value="on"> HTML

Atribute

Butoane Radio

Butoanele radio sunt folosite pentru a selecta o singura optiune din mai multe. Si acestea sun creeate tot cu ajutorul tag-ului input cu forma: <input type=’radio’>

<input type="radio" name="de_invatat" value="php"> PHP
<input type="radio" name="de_invatat" value="asp"> ASP

Atentie: pentru a fi din acelasi grup (utilizatorul poate selecta decat una din mai multe optiuni) treuie sa aiba aceeasi valoare la name.

Drop Down

Un DropDown este un element din care utilizatorul poate selcta o optiune dintr-o lista.

<select name="dropdown">
<option value="CSS" selected>CSS</option>
<option value="html">HTML</option>
</select>

 Atribute

Putem folosi urmatoarele atribute in tag-ul <select>:

Putem folosi urmatoarele atribute in tag-ul <option>:

 File Upload

Daca doresti sa le permiti utilizatorilor tai sa uploadeze fisiere pe site-ul tau atunci va trebuii sa folosesti acest element. Si acest element de formular este creeat tot cu ajutorul tag-ului <input>.

<form action="URL Script" method="POST" enctype="multipart/form-data">
    Selectare imagine:
    <input type="file" name="fisier_upload">
</form>

Tipuri de butoane

Avem mai multe optiuni de butoane in HTML. Aceste butoane pot fi creeate tot cu tag-ul <input> setand valoare button la type.

<input type="submit" name="submit" value="Submit" />
<input type="reset" name="reset"  value="Reset" />
<input type="button" name="ok" value="OK"  />
<input type="image" name="imagebutton" src="images/logo.png" />

 Elemente Ascunse

Acest tip de element este folosit pentru a ascunde informatii in pagina ca mai tarziu sa fie trimise catre server.

<form action='URL Script' method='POST'>
<p>Acum esti pe pagina 15</p>
<input type="hidden" name="nume_pagina" value="pagina_15" />
<input type="submit" name="submit" value="Submit" />
</form>