O que são botões de rádio HTML?

Em um documento Hypertext Markup Language (HTML), os botões de rádio são um tipo de elemento visual que pode ser selecionado por um usuário. Os botões de rádio HTML são únicos, porque oferecem ao usuário várias opções, mas permitem que apenas uma das opções fornecidas seja selecionada a qualquer momento. Um dos usos mais comuns para os botões de rádio HTML é capturar uma escolha nos formulários de entrada do usuário, embora também possam ter seus eventos de seleção e desseleção interceptados por scripts ou outros programas, permitindo que eles atuem como seletores instantâneos para outros elementos em uma página da web. Com o uso de folhas de estilo em cascata (CSS) e Javascript®, os botões de rádio HTML podem usar imagens personalizadas para exibição, substituindo sua aparência padrão. Exemplos de situações em que os botões de rádio HTML podem ser usados ​​incluem a seleção de um gênero, que só pode ter um valor de duas opções diferentes ou escolher um único endereço de entrega quando vários endereços são listados.

Em alguns aspectos, os botões de rádio HTML são semelhantes às caixas de seleção HTML. Cada botão recebe uma imagem ou rótulo de texto exibido onde o botão está localizado dentro de um layout. Ao lado deste rótulo, há um círculo vazio quando o botão de rádio não é selecionado e possui um ponto de preenchimento ou outro padrão de preenchimento quando for selecionado. Um usuário pode clicar no círculo para selecioná -lo; O aspecto exclusivo dos botões de rádio HTML é que, quando um botão é selecionado, todos os outros botões do mesmo grupo são descritos, permitindo que apenas um item seja escolhido de cada vez. Isso é diferente de caixas de seleção, que são semelhantes, mas permitem que qualquer número de opções seja selecionado de uma só vez.

Existem dois valores dentro das propriedades dos botões de rádio HTML que são importantes para o seu uso. O primeiro é o campo de nome que identifica o grupo ao qual um botão de rádio pertence em um documento HTML, e o segundo é o campo de valor. Quando um botão é selecionado, todos os outros botões de rádio com o SO nome do AME, também chamado de grupo, está desmarcado. O uso de nomes de grupos diferentes permite que diferentes conjuntos de botões de rádio existam no mesmo documento. A tag de valor é o valor de retorno real para o botão de rádio quando é selecionado e enviado a um script ou programa para processamento.

A exibição visual dos botões de rádio HTML pode ser modificada de algumas maneiras. Através do uso de valores padrão de alinhamento HTML e CSS, os botões podem ser organizados dinamicamente dentro de um documento da mesma maneira que uma imagem está alinhada. A aparência dos botões, especificamente o círculo e as imagens de círculo selecionadas, pode ser personalizada completamente e substituída por imagens geradas pelo usuário, manipulando o modelo de objeto de documento (DOM) com CSS e JavaScript®, embora o suporte ao navegador nem sempre seja consistente de um aplicativo para outro.