Cod:

<p><p> Alege nationaliatea</p></p>


<p>Romana: <input <font color="#0000ff">type="radio" name="nationalitate"</font> /></p>


<p>Engleza: <input<font color="#0000ff"> type="radio" name="nationalitate" </font>/></p>


<p>Rusa: <input <font color="#0000ff">type="radio" name="nationalitate" /></font> </p>

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><p> Alege nationaliatea</p></p>


<p>Romana: <input type="radio" <font color="#0000ff">name="nationalitate" </font>/></p>


<p>Engleza: <input type="radio" <font color="#0000ff">name="nationalitate"</font> /></p>


<p>Rusa: <input type="radio" <font color="#0000ff">name="nationalitate"</font> /> </p>


<p><p>Alege sexul</p></p>


<p>Barbat: <input type="radio" <font color="#0000ff">name="sex"</font> /> </p>


<p>Femeie: <input type="radio" <font color="#0000ff">name="sex"</font> /> </p>

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><p> Alege nationaliatea</p></p>


<p>Romana:
<input type="radio" name="nationalitate" <span class="style9"><font color="#0000ff">checked="yes"</font></span> />
Engleza:
<input type="radio" name="nationalitate" />
Rusa:
<input type="radio" name="nationalitate" />
</p>

Afisare