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:

html<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:

html<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