Pri prehľadávaní obľúbených webových stránok sa zobrazia začiarkavacie políčka, keď potrebujete vybrať jednu z mnohých dostupných možností. Tieto začiarkavacie políčka sa vytvárajú v priečinku pomocou špeciálnej značky. V tomto článku uvidíme, ako vytvoriť začiarkavacie políčko v jazyku HTML a prácu so začiarkavacími políčkami v nasledujúcom poradí:
- Ako vytvoriť začiarkavacie políčko v HTML?
- Začiarkavacie políčko a rozhlasové tlačidlá
- Zakázanie začiarkavacieho políčka v HTML
Ako vytvoriť začiarkavacie políčko v HTML?
Začiarkavacie políčko je prvok formulára, ktorý umožňuje výber viacerých možností z rôznych dostupných možností. Začiarkavacie políčka sa vytvárajú pomocou značky HTML. Môže byť vložený do prvku alebo môžu byť samostatne. Môžu byť tiež spojené s formulárom pomocou atribút formulár značky.
Tu je základný príklad na vytvorenie jednoduchého začiarkavacieho políčka:
Červená Zelená Modrá
Výkon:
Uvažujme o ďalšom príklade a pridajme tlačidlo na odoslanie, aby boli začiarkavacie políčka užitočné. Tu môžete tiež umiestniť začiarkavacie políčka do prvku, ktorý určuje stránku na spracovanie formulára.
Aká je tvoja obľúbená farba? Červená Zelená ModráVýsledok:
Výkon:
Začiarkavacie políčko a rozhlasové tlačidlá
Prepínače umožňujú používateľovi zvoliť iba jednu možnosť. Zatiaľ čo začiarkavacie políčka umožňujú používateľovi zvoliť ľubovoľný počet možností. Uveďme si príklad a ukážeme si, ako fungujú prepínače a začiarkavacie políčka:
Začíname pracovať s mysql
Začiarkavacie políčka
Aká je tvoja obľúbená farba? Červená Zelená ModráRádiové tlačidlá
Vyberte si pohlavie? Muž Žena NeznámeVýsledok:
Výkon:
Na vyššie uvedenom príklade vidíte, že môžete označiť toľko začiarkavacích políčok, ktoré chcete. Vďaka tomu je začiarkavacie políčko vhodné pre časy, keď by mal mať používateľ možnosť vybrať si z viacerých možností. Ak sa však pokúsite vybrať viac ako jeden prepínač, predchádzajúci výber bude zrušený. To vám pomôže prinútiť používateľov, aby si vybrali iba jednu možnosť.
Zakázanie začiarkavacieho políčka v HTML
Začiarkavacie políčko môžete deaktivovať v aplikácii pomocou atribútu disabled. Toto je možné vykonať v spojení so skriptom, ktorým sa začiarkavacie políčko povolí alebo zakáže podľa toho, či boli splnené určité kritériá.
Uveďme si príklad, ako môžeme deaktivovať začiarkavacie políčko:
Červená Zelená Modrá
Výkon:
Vo vyššie uvedenom príklade sme deaktivovali červenú farbu. Z tohto začiarkavacieho políčka teda môžete vybrať zelenú a modrú farbu, ale nie červenú farbu.
Týmto sme sa dostali na koniec nášho článku. Dúfam, že ste pochopili, ako fungujú začiarkavacie políčka v HTML a ako sa dajú rôzne používať.
python prevádza desatinné čísla na binárne
Teraz, keď viete o zaškrtávacom políčku v HTML, pozrite sa na od Edureka. Osvedčenie o školení v oblasti vývoja webu vám pomôže naučiť sa, ako vytvárať pôsobivé webové stránky pomocou rozhraní HTML5, CSS3, Twitter Bootstrap 3, jQuery a Google API a ako ich nasadiť do služby Amazon Simple Storage Service (S3).
Máte na nás otázku? Uveďte to v sekcii komentárov v časti „Začiarkavacie políčko v jazyku HTML“ a my sa vám ozveme.