Como utilizar caixas de seleção e botões de opção no formulário 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 de uma maneira importante: Os usuários podem selecionar um botão de opção única de um conjunto de opções, mas pode selecionar qualquer número de caixas de seleção (incluindo nenhum, um 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 e caixas de seleção.
Para criar botões de rádio e caixas de seleção, siga estes passos:
Use o com o elemento digitar atributo definido como rádio ou checkbox.
criar cada opção com estes atributos:
nome: Dê a opção de um nome.
valor: Especifique o valor é devolvido se o usuário seleciona 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 é apresentado 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.