Tutorial HTML - Radio

Nu sunteti conectat. Conectati-va sau inregistrati-va

Vezi subiectul anterior Vezi subiectul urmator In jos  Mesaj [Pagina 1 din 1]

1 Tutorial HTML - Radio la data de Vin Oct 07, 2011 8:18 pm


Pc-helper
Adminisrator
Adminisrator

Pc-helper


Adminisrator
Adminisrator
Butoanele radio sunt folosite pentru a permite userului sa selecteze una dintre optiunile listate. Pentru a realiza acest tip de formular va trebuii in primul rand sa dam un mume fiecarui camp.

Cod:

<p> Alege nationaliatea</p>

Romana: <input type="radio" name="nationalitate" />

Engleza: <input type="radio" name="nationalitate" />

Rusa: <input type="radio" name="nationalitate" />

Afisare:


Alege nationaliatea



Romana:

Engleza:

Rusa:


Specificand un nume pentru categoria din care face parte formularul vom instiinta browser-ul pentru ca ulterior el sa faca diferenta intre mai multe formulare de tip radio permitand astfel alegeraea unei singure variante de raspuns pentru fiecare formular in parte.

Exemplu avansat:
Cod:
<p> Alege nationaliatea</p>

Romana: <input type="radio" name="nationalitate" />

Engleza: <input type="radio" name="nationalitate" />

Rusa: <input type="radio" name="nationalitate" />

<p>Alege sexul</p>

Barbat: <input type="radio" name="sex" />

Femeie: <input type="radio" name="sex" />


Afisare:

Alege nationaliatea



Romana:

Engleza:

Rusa:

Alege sexul



Barbat:

Femeie:



HTML - Butoane radio selectate "by default"



La fel ca si la checkbox-uri, butoanele radio pot fi selectate pentru a facilita "munca" userului.
Cod:

<p> Alege nationaliatea</p>

Romana:
<input type="radio" name="nationalitate" checked="yes" />
Engleza:
<input type="radio" name="nationalitate" />
Rusa:
<input type="radio" name="nationalitate" />


Afisare:


Alege nationaliatea



Romana:

Engleza:

Rusa:


Poate fi selectat oricare dintre optiuni, nu neaparat prima. Deasemenea este bne sa folosim aceasta metoda de a selecta anumite butoane, cu moderate si doar atunci cand informatia ceruta nu este de o importanta majora. Este posibil ca din neatentie sau comoditate userul sa lase optiunea deja selectata fara ca aceasta sa fie cea corecta in cazul lui.

Vezi profilul utilizatorului http://tutorialepc.netgoo.org

Vezi subiectul anterior Vezi subiectul urmator Sus  Mesaj [Pagina 1 din 1]

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum