Disclosure: o seu suporte ajuda a manter o site em execução! Nós ganhamos uma taxa de referência para alguns dos serviços que recomendamos nesta página. Saiba mais

valor de como definir o tipo de entrada em HTML (todos os valores e atributos) o que faz Handling Checkbox Data With In HTML: Here's How do? Define uma opção, que o utilizador pode activar ou desactivar.,

exemplo de código 

<form> <input type="checkbox" name="love" value="love"><label for="love"> Check if you love this website!</label></form>

manipulação dos dados da caixa de controlo

As caixas de controlo são um pouco pesadas do ponto de vista dos dados. Parte disso é que existem essencialmente duas maneiras diferentes de pensar sobre sua funcionalidade. Frequentemente, um conjunto de checkboxes representa uma única pergunta que o usuário pode responder selecionando qualquer número de respostas possíveis. Eles não são, o que é importante, exclusivos um do outro. (Se você quiser que o Usuário só seja capaz de escolher uma única opção, use radiocomunicações ou o elemento .,)

verifique todas as línguas em que tem competência.

HTML
CSS
JS
PHP
Ruby
INTERCAL

a maneira natural de representar isso em seu código de Aplicação (lado servidor ou front-end) é com uma matriz.

userLangs =

No entanto, não é assim que o navegador irá enviar os dados. Em vez disso, o navegador trata um checkbox como se ele está sempre sendo usado da outra maneira, como um valor verdade booleano.

<input type="checkbox" name="tandc" value="true"><label for="tandc"> I agree to all terms and conditions.</label>
I agree to all terms and conditions.

Ao contrário dos botões de rádio, um conjunto de checkboxes não são logicamente amarrados juntos no código., Assim, do ponto de vista do HTML, cada checkbox em um conjunto de checkboxes é essencialmente por conta própria. Isto funciona perfeitamente para checkboxes de valor booleano de escolha única, mas apresenta um pequeno soluço para arrays de escolhas. Há duas maneiras de lidar com isso. Você pode dar a todas as caixas de cheques o mesmo name atributo, ou você pode dar a cada um um um diferente name.,

Se você usar o mesmo name para todos, o seu pedido de seqüência de caracteres será parecido com este: langs=HTML&langs=CSS&langs=PHP Se você usar nomes diferentes, é semelhante a este: HTML=HTML&CSS=CSS&PHP=PHP O primeiro parece um pouco preferível, mas o que acontece quando você começa a PHP e tentar obter os valores?

$langs = $_REQUEST; // What is $langs ?

em PHP, pode certificar-se de que as várias opções de nomes idênticos são combinadas num array no servidor, adicionando um conjunto de parêntesis rectos () após o nome.,

veja esta forma de PHP Tutorial para mais informações. Esta sintaxe de fabricação de array é na verdade uma característica do PHP, e não HTML. Se você está usando um lado diferente do servidor, você pode ter que fazer as coisas um pouco diferente. (Felizmente, se você está usando algo como Rails ou Django, você provavelmente vai usar algumas classes de construtor de formulários e não tem que se preocupar com a marcação tanto quanto.)

Boas práticas de rotulagem

Você deve sempre colocar o <label> depois <input type="checkbox">, e na mesma linha., Deve haver normalmente um espaço entre o <input> e o <label>. Você pode realizar isso com um pouco de margem, ou simplesmente com um espaço Tipográfico. <label> deve sempre usar for atributo, que especifica que ele está ligado para o <input> por id. Esta é uma prática importante de usabilidade, uma vez que permite ao utilizador assinalar e desligar a opção clicando no rótulo, e não apenas na opção (demasiado pequena) em si., Isso é ainda mais crítico hoje do que era no passado por causa do touchscreens — você quer dar ao usuário a experiência mais fácil possível checkbox.sim! Faz assim.não. Isto precisa de espaço entre a caixa e as palavras.não. A opção deve vir antes do rótulo. não. A etiqueta precisa identificar a caixa de seleção.gostas assim? (Errado.)