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:

  1. Comece com um entrada elemento.

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



  3. Dê o elemento de um identidade campo para que seu 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ê escolher para fazer o rótulo olhar apenas como o valor).

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

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


Publicações relacionadas