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: 11815 11815 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:
« 1 2 345 »
comenteaza printeaza

Campul checkbox
Campurile checkbox sunt elemente simple care pot fi selectate printr-un singur click al mouse-ului. Ele au o singura valoare, de exemplu yes, sau true.

Aceste campuri sunt folosite pentru a trimite o singura informatie, de exemplu cand utilizatorul specifica daca vrea sau nu sa primeasca reclame pe adresa de e-mail. Un camp checkbox are urmatorul format:

<input type="checkbox" name="xxxx" value="xxxx" checked>

Atributul name reprezinta numele campului. Poti crea mai multe elemente de tip checkbox cu acelasi nume, ceea ce inseamna ca aceste elemente vor apartine unui grup. Dupa ce formularul este trimis, valorile acestor campuri vor fi transmise cu acelasi nume.

Atributul value specifica valoarea care va fi trimisa daca utilizatorul selecteaza casuta. Daca utilizatorul deselecteaza casuta (astfel incat sa nu fie bifata),va fi transmisa o valoare nula.

Atributul checked, daca este prezent, va afisa casuta ca fiind deja selectata. Daca checked nu apare in tag, casuta va aparea ca fiind deselectata.

Exemplu:

Doriti sa primiti informatii pe adresa de mail?
<input type="checkbox" name="listamail"
value="yes" checked> Da

Butonul Radio
Butoanele radio sunt asemanatoare campurilor checkbox, cu deosebirea ca dintr-un grup poate fi selectat un singur buton radio. (Ca si pentru checkbox, un grup este format folosind acelasi nume pentru atributul name din tag-ul <input...>.)

Butoanele radio sunt folosite atunci cand utilizatorul trebuie sa aleaga o optiune dintre mai multe posibile. (Daca ai multe astfel de optiuni, este mai bine sa folosesti o lista). Tag-ul pentru butoanele radio este acelasi ca cel pentru checkbox:

<input type="radio" name="xxxx" value="xxxx" checked>

Name reprezinta numele campului (de exemplu, culoarea_preferata). Dintr-un grup de butoane radio (care au acelasi nume), poate fi selectat unul singur.

Atributul value stabileste valoarea care va fi transmisa daca butonul este selectat.

Daca atributul checked este prezent, butonul va fi afisat ca fiind selectat. Daca acest atribut lipseste din tag, butonul va aparea deselectat.

Exemplu:

Care este culoarea dvs. preferata ?
<input type="radio" name="culoarea_preferata"
value="rosu" checked> Rosu
<input type="radio" name="culoarea_preferata"
value="portocaliu"> Portocaliu
<input type="radio" name="culoarea_preferata"
value="roz"> Roz
Care este culoarea dvs. preferata?  Rosu  Portocaliu  Roz

Lista
Listele permit utilizatorului sa aleaga una sau mai multe optiuni dintr-o lista prezentata. Un camp de tip lista are formatul:

<select name="xxxx" size="xxxx" multiple>
<option value="xxxx" selected>Textul optiunii 1</option>
<option value="xxxx">Textul optiunii 2</option>
...
</select>

Tag-urile <select></select> delimiteaza lista de optiuni, in timp ce atributul name reprezinta numele listei (de exemplu, sport).

Atributul size arata cate optiuni vor fi afisate. Daca acesta lipseste sau are valoarea 1, va aparea o lista drop-down.

Atributul optional multiple, daca este prezent, permite utilizatorului sa selecteze mai multe optiuni tinand apasate tastele Shift si Control.

In interiorul tag-urilor <select></select> pot si amplasate mai multe tag-uri <option>. Fiecare tag <option> reprezinta o optiune din lista. Atributul value este valoarea predefinita care va fi transmisa daca utilizatorul alege optiunea respectiva.

Atributul optional selected va selecta optiunea respectiva la afisarea pentru prima data a formularului.

Intre tag-urile <option></option> poti afisa o eticheta text pentru fiecare optiune. Poti observa ca aceste etichete text nu trebuie sa fie identice cu atributul value. Textul etichetelor nu va fi transmis odata cu formularul, ci este doar un ghid pentru utilizator.

Pagina:
« 1 2 345 »
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
5180
Tutoriale scrise de mcuemica
mcuemica Rang utilizator mcuemica - Incepator
5135
Tutoriale scrise de ellarichards
ellarichards Rang utilizator ellarichards - Incepator
4985
Tutoriale scrise de emonclercheap
emonclercheap Rang utilizator emonclercheap - Incepator
4970
Tutoriale scrise de beacherrosa
beacherrosa Rang utilizator beacherrosa - Incepator
4735
* Acest top reprezinta punctajele acumulate in ultimele 30 de zile.
Word Fireworks JSON Powerpoint AJAX Fotografie Vista HTML Python XHTML StyleSheet CSS RoR Flash PSD COREL DRAW Java XML Outlook Verilog Bridge MySQL Swift 3D Action Script SWF PHP SEO Sony Vegas Gimp Illustrator Dreamweaver Ruby on Rails Excel Photoshop Javascript Lightroom
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