Como construir uma caixa de seleção em sua forma html5
Às vezes, você quer que seus usuários 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. As caixas de verificação são uma outra variante da versátil entrada tag. Caixas de Green Eggs and Ham são mostrados na figura:
Caixas de seleção muitas vezes aparecem em grupos, mas eles 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 anexar um rótulo para a caixa de texto para que o usuário pode clicar na caixa de seleçã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 tipo 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 seu 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ê escolher para fazer o rótulo olhar apenas como o valor).
Adicionar um rótulo.
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. O rótulo é geralmente posicionada à direita da caixa de seleção.
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 da caixa de seleção para este atributo da etiqueta.
Isto é especialmente útil para caixas porque, na maioria dos navegadores, o usuário pode clicar tanto o rótulo ou a 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 torna 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.