HTML - Jelölőnégyzetek

<input type="checkbox" ...> = 1 és/vagy 2

Az checkbox 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 jelölőnégyzet egy igen/nem választást tesz lehetővé.

Az űrlapon több jelölőnégyzet is elhelyezhető, ekkor a látogató egy vagy több lehetőséget is választhat.

Ha azt szeretnénk, hogy egy jelölőnégyzetet 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 jelölőnégyzetek 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_checkbox.php"  method="post">
  Szükséges kiegészítők: <br>
  <input type="checkbox" name="bill" id="bill" value="billentyűzet">
     <label for="bill">Billentyűzet</label><br>
  <input type="checkbox" name="eger" id="eger" value="egér" checked>
     <label for="eger">Egér</label><br>
  <input type="checkbox" name="hdmi" 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.