HTML <input type="radio">
❮ Atributo de tipo HTML <input>
Exemplo
Os botões de opção permitem que um usuário selecione apenas uma de um número limitado de opções:
<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>
Definição e uso
O <input type="radio">define um botão de rádio.
Os botões de opção são normalmente apresentados em grupos de rádio (uma coleção de botões de opção que descrevem um conjunto de opções relacionadas). Apenas um botão de opção em um grupo pode ser selecionado ao mesmo tempo.
Nota: O grupo de rádio deve compartilhar o mesmo nome (o valor do nameatributo) para ser tratado como um grupo. Depois que o grupo de opções for criado, selecionar qualquer botão de opção nesse grupo desmarca automaticamente qualquer outro botão de opção selecionado no mesmo grupo. Você pode ter quantos grupos de rádio em uma página quiser, desde que cada grupo tenha seu próprio nome.
Nota: O valueatributo define o valor exclusivo associado a cada botão de opção. O valor não é mostrado ao usuário, mas é o valor que é enviado ao servidor em "enviar" para identificar qual botão de opção foi selecionado.
Dica: Sempre adicione a <label>tag para melhores práticas de acessibilidade!
Suporte ao navegador
| Attribute | |||||
|---|---|---|---|---|---|
| type="radio" | Yes | Yes | Yes | Yes | Yes |
Sintaxe
<input type="radio">
❮ Atributo de tipo HTML <input>