Etiqueta Botão de Rádio HTML
Código para criar o botão rádio em html?
Como criar botão de rádio pré-selecionado (verificado)?
Como desactivar o botão de rádio (não seleccionável)?
Explicação
Botão de Rádio
Código de Exemplo: <form name=myform>
<input type="radio" name=myradio value="1">um
<input type="radio" name=myradio value="2">dois
<input type="radio" name=myradio value="3">três
</form>
Resultado:Definição:
Aqui vamos definir o botão de rádio usando a etiqueta "input". Damos um atributo chamado "TYPE=RADIO" na etiqueta que define o tipo de botão de rádio. O atributo name pode ser definido e ser o mesmo. O valor neste caso será usado apenas durante o processamento do formulário.
Nota: Todas as entradas deste tipo devem ter o mesmo nome. Este é o nome que os agrupa. Se tiver diferentes nomes para cada botão de rádio entao estes irão interagir individualmente.
Código de Exemplo: <form name=myform>
<input type="radio" name=myradio1 value="1">um
<input type="radio" name=myradio2 value="2">dois
<input type="radio" name=myradio3 value="3">três
</form>
Resultado:
Botão de Rádio Pré-Seleccionado
Se quiser que o botão rádio seja mostrado como seleccionado mesmo antes do utilizador tentar seleccionar um, tem de usar a entrada "checked".
Código de Exemplo: <form name=myform>
<input type="radio" name=myradio value="1" >um
<input type="radio" name=myradio value="2" checked>dois
<input type="radio" name=myradio value="3" >três
</form>
Resultado:
Rádio Não Editável / Não Seleccionável
Podemos fazer um botão de rádio não seleccionável (desactivado) utilizando a entrada "disabled"
Código de Exemplo: <form name=myform>
<input type="radio" name=myradio value="1" disabled>um
<input type="radio" name=myradio value="2" checked disabled>dois
<input type="radio" name=myradio value="3" disabled>três
</form>
Resultado: