Botão de rádio
Um botão de rádio representa um elemento de formulário HTML na forma de um botão circular que pode estar marcado ou não.
Um botão de rádio é criado usando a tag input
com o atributo type com o valor radio.
Aparência:
Um único botão de rádio praticamente nunca
é usado sozinho; eles devem ser usados
em grupo. Nesse caso, apenas um dos botões
no grupo pode estar selecionado. Os botões
formarão um grupo apenas se tiverem
o mesmo valor para o atributo name
(veja os exemplos abaixo).
Exemplo
Vamos criar dois botões de rádio:
o primeiro estará marcado (defina o atributo checked),
e o segundo - não. Nesse caso, os botões
representarão um grupo no qual
apenas um deles pode estar selecionado (pois
eles têm o mesmo valor para o atributo name).
Observe que esses botões de rádio
têm valores diferentes para o atributo value.
Isso é necessário para que, após o envio
dos dados para o servidor, o PHP possa determinar qual
dos botões foi selecionado:
<input type="radio" name="test" checked value="1">
<input type="radio" name="test" value="2">
:
Exemplo
Agora vamos criar dois grupos de botões de
rádio: o primeiro grupo terá
um valor para o atributo name,
e o segundo - outro. Vamos tentar clicar
nisso e veremos que os grupos mudam
independentemente um do outro:
<input type="radio" name="radio1" checked>
<input type="radio" name="radio1">
<input type="radio" name="radio1">
<br>
<input type="radio" name="radio2" checked>
<input type="radio" name="radio2">
<input type="radio" name="radio2">
:
Veja também
-
checkbox,
que pode ser usado para implementar uma caixa de seleção -
atributo
checked,
que marca o botão de rádio como selecionado -
pseudoclasse
checked,
que define estilos para botões de rádio selecionados -
atributo
disabled,
que bloqueia elementos de formulário -
tag
label,
que define uma dica para o botão de rádio
