Para incluir botões de rádio na sua página web HTML5, que ajuda a saber o que são e como usá-los. Na superfície, botões de rádio parecem muito como caixas de seleção, mas eles são diferentes em vários aspectos importantes:

• botões de rádio ocorrer apenas em grupos. Você pode ter uma caixa de seleção em um formulário, mas botões de rádio só fazem sentido quando colocados em grupos.

  Video: Aula de HTML #006 - parte 2

• Apenas um elemento pode ser selecionado. A seleção de um botão de opção desmarca os outros. É como um rádio de carro, onde clicando em um dos botões predefinidos desmarca os outros. (É realmente como nos velhos rádios de carro, onde se o botão para a estação seleccionada foi fisicamente empurrada, os outros botões iria aparecer. Embora esse tipo de rádio é muito longe, o nome vive.)

• o identidade de cada botão de rádio é único. Cada identidade em uma página da Web deve ser único, eo identidade elementos de cada botão de rádio seguir essas regras.

• Cada elemento rádio também tem um nome atributo. o nome atributo é usado para especificar o inteiro grupo de objetos de rádio.

• Todos os botões de opção em um grupo com o mesmo nome. HTML usa o nome atributo para descobrir qual grupo um botão de rádio se encontra, e para garantir que apenas um botão em um grupo é selecionado.

Esta figura mostra um formulário contendo um grupo de botões de rádio para a escolha de pequeno, médio ou grande:

Consulte o seguinte código para ver a configuração para uma página web com botões:

Demonstração Form

Para construir um grupo de botões de rádio, siga estes passos:

1. Comece criando um entrada elemento para servir de base de base.

2. Colocou o tipo para rádio.

3. Dê a cada botão de opção um único identidade.

4. Use o nome atributo para identificar todos os botões em um grupo.

5. Considere agrupamento visual também.

   O usuário não será capaz de dizer quais botões são parte de um grupo pela formatação sozinho HTML. Você pode usar fieldsets ou outros truques de formatação para ajudar o usuário sabe quais botões estão em qual grupo. Todos os botões em um grupo deve estar fisicamente próximos uns dos outros.

6. Faça um dos botões verificados (selecionado) por padrão.

   Aplique o verificado = “verificado“ atributo (fornecido pelo departamento do departamento da redundância) para um dos elementos por isso vai começar verificado.

   Se você não pré-selecionar um botão de opção, todos os programas ligados ao seu formulário vai ficar confuso.