Co to są przyciski radiowe HTML?

W dokumencie HyperText Markup Language (HTML) przyciski radiowe są rodzajem elementu wizualnego, który może być wybrany przez użytkownika. Przyciski opcji HTML są wyjątkowe, ponieważ oferują użytkownikowi kilka opcji, ale pozwalają na wybranie tylko jednej z podanych opcji w danym momencie. Jednym z najczęstszych zastosowań przycisków radiowych w formacie HTML jest przechwytywanie wyborów w formularzach wprowadzania danych przez użytkownika, chociaż mogą one również powodować przechwytywanie zdarzeń zaznaczania i odznaczania przez skrypty lub inne programy, co pozwala im działać jako natychmiastowe selektory innych elementów na stronę internetową. Dzięki użyciu kaskadowych arkuszy stylów (CSS) i JavaScript® przyciski radiowe HTML mogą wyświetlać niestandardowe obrazy, zastępując ich domyślny wygląd. Przykłady sytuacji, w których można użyć przycisków radiowych w formacie HTML, obejmują wybór płci, która może mieć tylko jedną wartość z dwóch różnych opcji, lub wybór jednego adresu wysyłki, gdy wymienionych jest wiele adresów.

W niektórych aspektach przyciski radiowe HTML są podobne do pól wyboru HTML. Każdemu przyciskowi przypisywana jest etykieta graficzna lub tekstowa, która jest wyświetlana w miejscu, w którym znajduje się przycisk w układzie. Obok tej etykiety znajduje się okrąg, który jest pusty, gdy przycisk opcji nie jest zaznaczony i zawiera kropkę lub inny wzór wypełnienia w środku, gdy jest wybrany. Użytkownik może kliknąć okrąg, aby go wybrać; unikalnym aspektem przycisków radiowych HTML jest to, że po wybraniu przycisku wszystkie inne przyciski w tej samej grupie są odznaczane, co pozwala na wybranie tylko jednego elementu na raz. Jest to w przeciwieństwie do pól wyboru, które są podobne, ale umożliwiają jednoczesne wybranie dowolnej liczby opcji.

We właściwościach przycisków opcji HTML znajdują się dwie wartości, które są ważne dla ich użycia. Pierwsze to pole nazwy, które identyfikuje grupę, do której należy przycisk radiowy w dokumencie HTML, a drugie to pole wartości. Po wybraniu przycisku wszystkie inne przyciski radiowe o tej samej nazwie, zwane również ich grupą, są odznaczane. Używanie różnych nazw grup umożliwia istnienie różnych zestawów przycisków opcji w tym samym dokumencie. Znacznik wartości jest rzeczywistą wartością zwracaną przez przycisk opcji po jego wybraniu i przesłaniu do skryptu lub programu w celu przetworzenia.

Wizualne wyświetlanie przycisków radiowych HTML można modyfikować na kilka sposobów. Dzięki zastosowaniu standardowych wartości wyrównania HTML i CSS przyciski mogą być dynamicznie rozmieszczane w dokumencie w podobny sposób, w jaki jest wyrównywany obraz. Wygląd przycisków, w szczególności obrazy okręgów i wybranych okręgów, można całkowicie dostosować i zastąpić obrazami generowanymi przez użytkownika, manipulując modelem obiektu dokumentu (DOM) za pomocą CSS i JavaScript®, chociaż obsługa przeglądarki nie zawsze jest spójna z poziomu jednej aplikacji do innego.