E-learn.ro
Panou utilizatori
Utilizator Parola
Creeaza cont nou    Recupereaza parola
Login
Newsletter
Introdu adresa ta de email
Inscrie-te
Inchide panoul de utilizatori
Add to Google

Tutoriale HTML

Descarca toolbar

Toolbar E-learn.ro Facebook Twitter

WEB DESIGN  /  HTML  /  Bazele HTML (10)

VII. Formulare

15.05.2008
VII. Formulare

Acest tutorial iti va arata cum sa creezi formulare folosind HTML.

Total vizualizari: 11739 11739 afisari   |   Comentarii  0   |   Rating   |   (7 voturi)   |   Timp necesar: 30 min 30 min   |   Nivel de cunostiinte necesar: Incepator  Incepator

Sursa:  E-learn.ro  
Autor:  E-learn.ro
Adauga la tutoriale favorit Adauga la tutoriale favorite
Pagina:
« 12 3 45 »
comenteaza printeaza

Exemplul 1: Liste Drop-Down

Care este sportul dvs. preferat?
<select name="sport" size="1">
<option value="all" selected>Toate</option>
<option value="cricket">Volei</option>
<option value="football">Fotbal</option>
<option value="ice_hockey">Inot</option>
</select>

Exemplul 2: Liste Line

 
Care este sportul dvs.preferat?
<select name="sport" size="3">
<option value="all" selected>Toate</option>
<option value="cricket">Volei</option>
<option value="football">Fotbal</option>
<option value="ice_hockey">Inot</option>
</select>

Campul Text Area
Daca vrei ca utilizatorul sa poata introduce texte de dimensiuni mari (mai mult de o linie), foloseste campul textarea. Acesta are formatul:

<textarea name="xxxx" rows="xxxx" cols="xxxx" wrap="xxxx">
(text predefinit)
</textarea>

Atributul name reprezinta numele campului (de exemplu, comentarii). Atributul rows specifica inaltimea campului in caractere, iar cols defineste latimea.

Atributul wrap controleaza cum se comporta textul atunci cand atinge marginea din dreapta a campului. Valorile posibile sunt:

off Textul va aparea si va fi transmis asa cum a fost introdus de utilizator.
soft Textul apare modificat la introducerea in camp, dar va fi transmis asa cum a fost scris de utilizator.
hard Textul din camp va aparea si va fi transmis modificat, adica se va trece la linia urmatoare acolo unde spatiul nu este suficient.

In interiorul tag-urilor <textarea></textarea>, poti amplasa un text care va fi afisat in mod implicit la incarcarea formularului. Utilizatorul poate sterge sau modifica acest text.

Exemplu:

Introduceti comentariul in casuta de mai jos:
<textarea name="comentarii" rows="5" cols="50" wrap="soft">
Text
</textarea>

Campul Hidden (ascuns)
Elementele de tip hidden sunt campuri ale formularului pe care utilizatorul nu le va vedea pe pagina. Principalul scop al acestor campuri este de a transmite serverului informatii pe care utilizatorul nu are nevoie sa le vada sau sa le modifice. De exemplu, daca vrei sa creezi un cos de cumparaturi online, poti folosi un camp ascuns pentru a urmari ID-ul cosului.

Formatul unui control ascuns este urmatorul:

<input type="hidden" name="xxxx" value="xxxx">

Informatiile name si value vor fi transmise serverului cand formularul este trimis, dar ele nu vor fi vizibile pentru utilizator (decat daca acesta urmareste codul HTML din sursa paginii).

Exemplu:

<input type="hidden" name="cart_id" value="1234">
Pagina:
« 12 3 45 »
comenteaza printeaza
Alte tutoriale HTML:
Noteaza acest tutorial
Rating tutorial
 
(7 voturi)
Pentru a nota acest tutorial, trebuie sa fii logat!
Posteaza un comentariu
Pentru a posta un comentariu, trebuie sa fii logat!
0 TOP UTILIZATORI* 0 0
Tutoriale scrise de claibornelara
claibornelara Rang utilizator claibornelara - Incepator
5045
Tutoriale scrise de mcuemica
mcuemica Rang utilizator mcuemica - Incepator
5005
Tutoriale scrise de ellarichards
ellarichards Rang utilizator ellarichards - Incepator
4845
Tutoriale scrise de emonclercheap
emonclercheap Rang utilizator emonclercheap - Incepator
4820
Tutoriale scrise de beacherrosa
beacherrosa Rang utilizator beacherrosa - Incepator
4620
* Acest top reprezinta punctajele acumulate in ultimele 30 de zile.
Vista AJAX SEO XHTML Gimp Action Script COREL DRAW Ruby on Rails CSS PSD Fireworks Fotografie Javascript Java Verilog XML Swift 3D SWF Flash RoR Illustrator Outlook StyleSheet Sony Vegas Python Powerpoint Word Bridge Photoshop Dreamweaver Excel PHP HTML Lightroom JSON MySQL
Promovare:
Daca faci parte din comunitatea E-learn.ro si doresti promovarea acesteia, poti accesa pagina de promovare.
Arhiva newsletter:
Daca ai ratat un numar mai vechi, sau vrei sa revezi care au fost noutatile E-learn.ro la un moment dat, poti accesa arhiva de newslettere.
  Copyright © 2008-2013 E-LEARN.ro. Toate drepturile rezervate. Termeni si conditii.
Conceput si realizat de Neokinetics Software