Como usar caixas de seleção e botões de rádio em sua forma html5

Ao criar um formulário de coleta de dados para o seu site, mesmo que apenas um conjunto finito de valores possíveis está disponível para o usuário, você pode dar-lhe um conjunto de opções para escolher:

• As caixas de seleção: Escolher mais de uma opção.

• Botões do rádio: Escolha apenas uma opção.

  botões de rádio diferem das caixas de seleção em uma maneira importante: Os usuários podem selecionar um botão de opção única a partir de um conjunto de opções, mas pode selecionar qualquer número de caixas de seleção (incluindo nenhuma, uma, ou mais de um).

Se muitas opções estão disponíveis (mais de meia dúzia), use uma lista drop-down em vez de botões de rádio ou caixas de seleção.

Para criar botões de rádio e caixas de seleção, siga estes passos:

1. Use o elemento com o tipo atributo definido como rádio ou checkbox.

2. Criar cada opção com esses atributos:

3. nome: Dê a opção de um nome.

4. 
   
   
   

   valor: Especifique o valor é devolvido se o usuário selecionar a opção.

Você também pode usar o verificado atribuir (com um valor de verificado) Para especificar que uma opção já deve ser selecionado quando o navegador exibe o formulário. Esta é uma boa maneira de especificar uma seleção padrão.

Esta marcação mostra como formatar opções de caixa de seleção e botões de rádio:

O resultado é mostrado nesta figura.

Na marcação anterior, cada conjunto de opções usa o mesmo nome para cada controle de entrada, mas dá um valor diferente para cada opção. Você dá a cada item em um conjunto de opções o mesmo nome para deixar o navegador sabe que eles são parte de um conjunto.

Se você quiser, você pode selecionar quantas caixas de seleção como você gosta por padrão na marcação da página - basta incluir checked =”checked” em cada elemento que você quer selecionar com antecedência.