[Tutorial HTML]Radio

#1
Nume Tutorial:Radio
Descriere:Butoanele radio sunt folosite pentru a permite userului sa selecteze una dintre optiunile listate.
Download:
Autor:
Sursa (Link-ul oficial):
tutorialeweb.net
Propria parere:Nu l-am incercat.
Tutorialul:
Pentru a realiza acest tip de formular va trebuii in primul rand sa dam un mume si o valoare fiecarui camp.

Cod: Selectaţi tot

<p> Alege nationaliatea</p>

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

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


Rusa: <input type="radio" name="nationalitate" value="rusa" />
Specificand un nume pentru grupul din care face parte formularul vom putea face diferenta intre mai multe grupuri de tip radio permitand astfel alegeraea unei singure variante de raspuns pentru fiecare grup in parte.

Exemplu avansat:

Cod: Selectaţi tot

<p> Alege nationaliatea</p>

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

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

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

<p>Alege sexul</p>

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

Femeie: <input type="radio" name="sex" value="femeie" />
HTML - Butoane radio selectate "by default"
La fel ca si la checkbox-uri, butoanele radio pot fi selectate cand se incarca pagina pentru a facilita "munca" userului.

Cod: Selectaţi tot

<p> Alege nationaliatea</p>

Romana: 
<input type="radio" name="nationalitate" value="romana" checked="yes" />

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

Rusa: 
<input type="radio" name="nationalitate" value="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.[/b]
Imagine

Înapoi la “Tutoriale HTML”

Cine este conectat

Utilizatori răsfoind acest forum: Niciun utilizator înregistrat și 2 vizitatori