HTML - Kiválasztó gomb

<input type="radio" ...> = Lenni vagy nem lenni?

Az radio típusú input elemek jellemzői:

Név	Érték	Leírás	Böngészők
checked	checked	Alapértelmezetten kiválasztott. (Az oldal betöltésekor ki lesz pipálva.)
disabled	disabled	Segítségével az elem kikapcsolható. (Nem lehet szerkeszteni. Értéke nem kerül elküldésre.)
name	szöveg	Az elem neve. Az adatok feldolgozását végző scriptek, az elem azonosítására használják.
value	szöveg	Meghatározza az input mező kezdeti értékét. Az űrlap elküldésekor, tartalma az elem nevével együtt érkezik az adatok feldolgozását végző scripthez,

Egy kiválasztó gomb egy igen/nem választást tesz lehetővé.

Az űrlapon kiválasztó gombok csoportokban helyezkednek el. Egy csoporton belül valamennyi kiválasztó gomb name jellemzője azonos kell legyen, és közülük csak egy lehet kiválasztott állapotban.

Ha azt szeretnénk, hogy egy kiválasztó gomb alapértelmezetten be legyen jelölve, akkor a checked paramétert kell megadnunk. ( érték nélkül is használható ) A checked jellemzővel tippeket adhatunk. (Mit lenne érdemes kipipálni. Kötelező választás esetén használható checked és a disabled együtt, de ez helyzet függő.)

A kiválasztott kiválasztó gomb name és a value jellemzőinek értékekéit küldi el a böngésző az űrlap feldolgozását végző fájlnak.

A id jellemző megadása <label> elem használata esetén kötelező. (A elem for jellemzőjének. és a beviteli mező id jellemzőjének meg kell egyeznie. Így jön létre a kapcsolat a két elem között.)

A disabled jellemzővel a tílthatjuk az elemet.

1. példa:

Forráskód

---

<form action="html5_input_radio.php"  method="post">
  Szükséges kiegészítő: <br>
  <input type="radio" name="kabel" id="vga" value="VGA kábel">
     <label for="vga">VGA kábel</label><br>
  <input type="radio" name="kabel" id="dvi" value="DVI kábel" checked>
    <label for="dvi">DVI kábel</label><br>
  <input type="radio" name="kabel" id="hdmi" value="HDMI kábel" disabled>
    <label for="hdmi">HDMI kábel</label><br>
  <input type="submit" name="submit">
</form>
 

Eredmény*

---

* Az eredmény megjelenítése az Ön által használt böngészőtől függ.