Ao navegar em seus sites favoritos, caixas de seleção aparecem quando você precisa selecionar uma opção entre muitas disponíveis. Essas caixas de seleção são criadas em com a ajuda de uma etiqueta especial. Neste artigo, veremos como criar uma caixa de seleção em HTML e o funcionamento das caixas de seleção na seguinte sequência:
- Como criar uma caixa de seleção em HTML?
- Caixa de seleção vs botões de rádio
- Desativando uma caixa de seleção em HTML
Como criar uma caixa de seleção em HTML?
Uma caixa de seleção é um elemento de formulário que permite selecionar várias opções entre as diferentes opções disponíveis. As caixas de seleção são criadas com a tag HTML. Ele pode ser aninhado dentro de um elemento ou eles podem ser independentes. Eles também podem ser associados a um formulário com a ajuda de atributo de formulário da marca.
Aqui está um exemplo básico para criar uma caixa de seleção simples:
Vermelho Verde Azul
Resultado:
Vamos considerar outro exemplo e adicionar um botão de envio para que as caixas de seleção se tornem úteis. Aqui, você também pode colocar as caixas de seleção em um elemento que especifica uma página para processar o formulário.
Qual é a sua cor favorita? Vermelho Verde AzulResultado:
Resultado:
Caixa de seleção vs botões de rádio
Os botões de opção permitem que o usuário selecione apenas uma opção. Visto que as caixas de seleção permitem que o usuário selecione qualquer número de opções. Vamos dar um exemplo e ver como os botões de opção e as caixas de seleção funcionam:
argumentos de linha de comando em código de exemplo java
Caixas de seleção
Qual é a sua cor favorita? Vermelho Verde AzulBotões do rádio
Selecione o seu sexo? Masculino Feminino DesconhecidoResultado:
Resultado:
No exemplo acima, você pode ver que pode selecionar quantas caixas de seleção desejar. Isso torna a caixa de seleção adequada para momentos em que o usuário deve ser capaz de selecionar várias opções. Mas, se você tentar selecionar mais de um botão de opção, a seleção anterior será desmarcada. Isso ajuda a forçar os usuários a selecionar apenas uma opção.
Desativando uma caixa de seleção em HTML
Você pode desativar uma caixa de seleção em usando o atributo disabled. Isso pode ser feito em conjunto com um script para habilitar ou desabilitar a caixa de seleção, dependendo se determinados critérios foram atendidos.
Vejamos um exemplo para ver como podemos desabilitar uma caixa de seleção:
Vermelho Verde Azul
Resultado:
java converter duplo para inteiro
No exemplo acima, desativamos a cor vermelha. Portanto, você pode selecionar verde e azul na caixa de seleção, mas não a cor vermelha.
Com isso, chegamos ao final do nosso artigo. Espero que você tenha entendido como as caixas de seleção em HTML funcionam e como podem ser usadas de maneira diferente.
Agora que você sabe sobre a Checkbox em HTML, verifique o por Edureka. O Treinamento de Certificação de Desenvolvimento da Web o ajudará a aprender como criar sites impressionantes usando HTML5, CSS3, Twitter Bootstrap 3, jQuery e APIs do Google e implantá-lo no Amazon Simple Storage Service (S3).
Tem alguma questão para nós? Mencione isso na seção de comentários de “Caixa de seleção em HTML” e entraremos em contato com você.