HTML <input type="radio">
Przykład
Przyciski opcji pozwalają użytkownikowi wybrać tylko jedną z ograniczonej liczby opcji:
<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>
Definicja i użycie
<input type="radio">
Definiuje przycisk radiowy .
Przyciski radiowe są zwykle prezentowane w grupach radiowych (zbiór przycisków radiowych opisujących zestaw powiązanych opcji). Jednocześnie można wybrać tylko jeden przycisk opcji w grupie.
Uwaga:name
Aby grupa radiowa była traktowana jako grupa, musi mieć tę samą nazwę (wartość atrybutu). Po utworzeniu grupy radiowej wybranie dowolnego przycisku opcji w tej grupie automatycznie usuwa zaznaczenie dowolnego innego wybranego przycisku opcji w tej samej grupie. Możesz mieć dowolną liczbę grup radiowych na stronie, o ile każda grupa ma swoją własną nazwę.
Uwaga: Atrybut value
definiuje unikalną wartość powiązaną z każdym przyciskiem radiowym. Wartość nie jest pokazywana użytkownikowi, ale jest wartością, która jest wysyłana do serwera po przesłaniu w celu zidentyfikowania, który przycisk opcji został wybrany.
Wskazówka: zawsze dodawaj <label>
tag, aby uzyskać najlepsze praktyki ułatwień dostępu!
Obsługa przeglądarki
Attribute | |||||
---|---|---|---|---|---|
type="radio" | Yes | Yes | Yes | Yes | Yes |
Składnia
<input type="radio">