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:

image0.jpg

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:

  1. Comece com um entrada elemento.


  2. 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.

  3. Dê o elemento de um identidade campo para que o código pode trabalhar diretamente com o elemento.



  4. 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).

  5. 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.

  6. 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.

» » » » Como construir uma caixa de seleção no formulário HTML5