Jak vytvořit zaškrtávací políčko v HTML?

Při procházení oblíbených webových stránek se zobrazí zaškrtávací políčka, pokud potřebujete vybrat jednu z mnoha dostupných možností. Tato zaškrtávací políčka jsou vytvořena v pomocí speciální značky. V tomto článku uvidíme, jak vytvořit zaškrtávací políčko v HTML a fungování zaškrtávacích polí v následujícím pořadí:

• Jak vytvořit zaškrtávací políčko v HTML?
• Zaškrtávací políčko vs rádiová tlačítka
• Zakázání zaškrtávacího políčka v HTML

Jak vytvořit zaškrtávací políčko v HTML?

Zaškrtávací políčko je prvek formuláře, který umožňuje vybrat více možností z různých dostupných možností. Zaškrtávací políčka se vytvářejí pomocí značky HTML. Může být vnořen do prvku nebo mohou stát samostatně. Mohou být také spojeny s formulářem pomocí atribut formuláře značky.

Zde je základní příklad pro vytvoření jednoduchého zaškrtávacího políčka:

Červená Zelená Modrá

Výstup:

Zvažme další příklad a přidejte tlačítko Odeslat, aby se zaškrtávací políčka mohla stát užitečnými. Zde můžete také zaškrtávací políčka umístit do prvku, který určuje stránku ke zpracování formuláře.

Jaká je tvoje oblíbená barva? Červená Zelená Modrá
Výsledek:
 

Výstup:

Zaškrtávací políčko vs rádiová tlačítka

Přepínače umožňují uživateli vybrat pouze jednu možnost. Zatímco zaškrtávací políčka umožňují uživateli vybrat libovolný počet možností. Uveďme si příklad a podívejme se, jak fungují přepínače a zaškrtávací políčka:

logistická regrese v kódu pythonu

 
Zaškrtávací políčka
Jaká je tvoje oblíbená barva? Červená Zelená Modrá
Rádiová tlačítka
Vyber své pohlaví? Muž Žena Neznámý
Výsledek:
 

Výstup:

Ve výše uvedeném příkladu vidíte, že můžete vybrat tolik políček, kolik chcete. Díky tomu je zaškrtávací políčko vhodné pro časy, kdy by uživatel měl mít možnost vybrat více možností. Pokud se však pokusíte vybrat více než jeden přepínač, zruší se výběr předchozího výběru. To vám pomůže vynutit, aby uživatelé vybrali pouze jednu možnost.

Zakázání zaškrtávacího políčka v HTML

Zaškrtávací políčko můžete deaktivovat v pomocí deaktivovaného atributu. To lze provést ve spojení se skriptem, který povolí nebo zakáže zaškrtávací políčko podle toho, zda byla splněna určitá kritéria.

Uveďme si příklad, jak můžeme deaktivovat zaškrtávací políčko:

Červená Zelená Modrá

Výstup:

Ve výše uvedeném příkladu jsme deaktivovali červenou barvu. Ze zaškrtávacího políčka tedy můžete vybrat zelenou a modrou, ale červenou barvu nikoli.

Tím jsme se dostali na konec našeho článku. Doufám, že jste pochopili, jak zaškrtávací políčka v HTML fungují a jak je lze použít odlišně.

java kód pro ukončení programu

Nyní, když víte o zaškrtávacím políčku v HTML, podívejte se na podle Edureka. Certifikační školení pro vývoj webových aplikací vám pomůže naučit se, jak vytvářet působivé webové stránky pomocí HTML5, CSS3, Twitter Bootstrap 3, jQuery a Google API a jak je nasadit do služby Amazon Simple Storage Service (S3).

Máte na nás dotaz? Uveďte to prosím v sekci komentářů „Zaškrtávací políčko v HTML“ a my se vám ozveme.