Kedvenc webhelyei böngészése közben megjelennek a jelölőnégyzetek, ha a sok elérhető közül egyet kell választania. Ezek a jelölőnégyzetek itt vannak létrehozva egy speciális címke segítségével. Ebben a cikkben megtudhatjuk, hogyan hozhatunk létre jelölőnégyzetet a HTML-ben, és a jelölőnégyzetek működését a következő sorrendben:
- Hogyan lehet létrehozni egy jelölőnégyzetet a HTML-ben?
- Jelölőnégyzet vs Rádió gombok
- A jelölőnégyzet letiltása a HTML-ben
Hogyan lehet létrehozni egy jelölőnégyzetet a HTML-ben?
A jelölőnégyzet egy űrlapelem, amely lehetővé teszi több opció kiválasztását a rendelkezésre álló opciók közül. A jelölőnégyzeteket a HTMLtag segítségével hozzák létre. Beágyazódhat egy elembe, vagy önállóan is állhatnak. A forma segítségével társíthatók a forma attribútum címke.
Itt van egy egyszerű példa egyszerű jelölőnégyzet létrehozására:
Piros Zöld Kék
Kimenet:
Vegyünk egy másik példát, és adjunk hozzá egy beküldés gombot, hogy a jelölőnégyzetek hasznosakká válhassanak. Itt a jelölőnégyzeteket is elhelyezheti egy elemben, amely megad egy oldalt az űrlap feldolgozásához.
Melyik a kedvenc színed? Piros Zöld KékEredmény:
Kimenet:
Jelölőnégyzet vs Rádió gombok
A rádiógombokkal a felhasználó csak egy lehetőséget választhat. Míg a jelölőnégyzetek lehetővé teszik a felhasználó számára, hogy tetszőleges számú opciót válasszon. Vegyünk egy példát, és megnézzük, hogyan működnek a választógombok és a jelölőnégyzetek:
aktív és passzív átalakulások az informatikában
Jelölőnégyzetek
Melyik a kedvenc színed? Piros Zöld KékRádió gombok
Válaszd ki a nemed? Férfi Nő ismeretlenEredmény:
Kimenet:
A fenti példában láthatja, hogy annyi jelölőnégyzetet jelölhet ki, amelyet szeretne. Alkalmasá teszi a jelölőnégyzetet olyan esetekre, amikor a felhasználónak képesnek kell lennie több lehetőség kiválasztására. Ha azonban egynél több választógombot próbál meg kiválasztani, akkor az előző kijelölés törlődik. Ez megkönnyíti a felhasználók kényszerítését, hogy csak egy lehetőséget válasszanak.
A jelölőnégyzet letiltása a HTML-ben
Letilthatja a jelölőnégyzetet a tiltott attribútum használatával. Ezt egy szkriptel együtt tehetjük meg, hogy engedélyezzük vagy letiltsuk a jelölőnégyzetet, attól függően, hogy bizonyos feltételek teljesülnek-e.
Vegyünk egy példát arra, hogy miként tilthatjuk le a jelölőnégyzetet:
Piros Zöld Kék
Kimenet:
a spyder python használata
A fenti példában letiltottuk a piros színt. Tehát a jelölőnégyzetből kiválaszthatja a zöldet és a kéket, de a piros színt nem.
Ezzel a cikkünk végére értünk. Remélem, megértette, hogyan működnek a HTML jelölőnégyzetei, és hogyan lehet őket másként használni.
Most, hogy tud a HTML-ben található Checkboxról, nézze meg a írta Edureka. A webfejlesztési tanúsítási képzés segít megtanulni, hogyan hozhat létre lenyűgöző weboldalakat a HTML5, CSS3, Twitter Bootstrap 3, jQuery és Google API-k használatával, és telepítheti az Amazon Simple Storage Service (S3) szolgáltatásba.
Van egy kérdésünk? Kérjük, említse meg a „Jelölőnégyzet HTML-ben” megjegyzés rovatban, és kapcsolatba lépünk Önnel.