Como construir uma caixa de seleção no formulário HTML5
Às vezes, você quer que seus usuários da página web para indicar se a informação é verdadeira ou falsa. o HTML5 checkbox elemento é perfeito para este tipo de entrada, porque o usuário pode clicar para marcar ou desmarcar a opção. Caixas de seleção são outra variante do versátil entrada tag. Caixas de Green Eggs and Ham são mostrados na figura:
As caixas de verificação frequentemente aparecem em grupos, mas são independentes uns dos outros. O código para uma página web com caixas de seleção se parece com:
formDemo.html Demonstração Form
Você normalmente coloque uma etiqueta da caixa de texto de modo que o usuário pode clicar na caixa de verificação ou o rótulo associado para fazer uma seleção.
Para construir uma caixa de seleção, siga estes passos:
Comece com um entrada elemento.
Colocou o digitar atribuir a checkbox.
Esta esclarece que o elemento de entrada é uma caixa de seleção e coloca uma pequena caixa verificável na tela.
Dê o elemento de um identidade campo para que o código pode trabalhar diretamente com o elemento.
Especificar um valor.
Você pode atribuir um valor a uma caixa de seleção. O usuário não verá o valor (a menos que você optar por fazer o rótulo olhar apenas como o valor).
Adicionar uma etiqueta.
Caixas de seleção realmente precisa ter uma etiqueta que lhes estão associados para que o usuário entenda o que a caixa está em causa. A etiqueta é normalmente posicionada à direita da caixa.
Adicione o para atribuir à etiqueta.
A etiqueta tem um atributo especial chamado para, que permite que você especifique qual elemento de entrada do rótulo corresponde. Coloque o identidade valor de a caixa de verificação para este atributo da etiqueta.
Isto é especialmente útil para caixas, porque, na maioria dos navegadores, o usuário pode clicar no rótulo ou na caixa de seleção para ativar a seleção. Associando o rótulo para a caixa dá ao usuário um alvo maior para clicar e faz com que a forma mais fácil de usar.
formulários HTML não fazem nada por conta própria. Você vai precisar adicionar algum tipo de programação em javascript ou HTML para tornar o formulário fazer alguma coisa.