HTML <input type="radio">
Příklad
Přepínače umožňují uživateli vybrat pouze jednu z omezeného počtu možností:
<input type="radio" id="html" name="fav_language" value="HTML">
<label
for="html">HTML</label><br>
<input type="radio" id="css" name="fav_language"
value="CSS">
<label for="css">CSS</label><br>
<input type="radio" id="javascript"
name="fav_language" value="JavaScript">
<label for="javascript">JavaScript</label>
Definice a použití
<input type="radio">
Definuje přepínač .
Přepínače jsou obvykle uvedeny v přepínacích skupinách (sbírka přepínacích tlačítek popisujících sadu souvisejících možností). Současně lze vybrat pouze jeden přepínač ve skupině.
Poznámka: Skupina rádia musí mít stejný název (hodnota name
atributu), aby se s ní zacházelo jako se skupinou. Jakmile je přepínací skupina vytvořena, výběr libovolného přepínacího tlačítka v této skupině automaticky zruší výběr jakéhokoli jiného vybraného přepínacího tlačítka ve stejné skupině. Na stránce můžete mít tolik rádiových skupin, kolik chcete, pokud má každá skupina svůj vlastní název.
Poznámka: Atribut value
definuje jedinečnou hodnotu spojenou s každým přepínačem. Hodnota se uživateli nezobrazuje, ale je to hodnota, která je odeslána na server při "odeslání", aby se zjistilo, které přepínací tlačítko bylo vybráno.
Tip: Vždy přidejte <label>
značku pro nejlepší postupy usnadnění!
Podpora prohlížeče
Attribute | |||||
---|---|---|---|---|---|
type="radio" | Yes | Yes | Yes | Yes | Yes |
Syntax
<input type="radio">