Treinamento de HTML

Componente de Checkbox

Os elementos <input> do tipo checkbox são renderizados por padrão como caixas marcadas quando ativadas. Geralmente ele é um quadrado. Uma caixa de seleção permite selecionar valores únicos para envio em um formulário (ou não).

Observação: Os números mencionados nos exemplos, são as linhas do código fonte HTML.

← Retornar para página principal

				<p>Escolha um modelo de carro popular antigo</p>



				<input id="chvt" type="checkbox" name="carros[]" value="chvt">

				<label for=>Chevette</label>



				<input id="fsca" type="checkbox" name="carros[]" value="fsca">

				<label for=>Fusca</label>

			

				<fieldset>

					<legend>Frutas preferidas</legend>



					<p>Escolha a que você mais gosta:</p>

					<input id="pera" type="checkbox" name="frutas[]" value="pera">

					<label for="pera">Pêra</label>



					<input id="maca" type="checkbox" name="frutas[]" value="maca">

					<label for="maca">Maçã</label>



					<input id="manga" type="checkbox" name="frutas[]" value="manga">

					<label for="manga">Manga</label>



					<input id="uva" type="checkbox" name="frutas[]" value="uva">

					<label for="uva">Uva</label>



					<input id="pitaya" type="checkbox" name="frutas[]" value="pitaya">

					<label for="pitaya">Pitaya</label>																		

				</fieldset>

			

			<input id="agreement" type="checkbox" name="agreement" value="agreement">

			<span>Você concorda com nossos termos e nossa política de privacidade</span>

			

			<input id="agreement" type="checkbox" name="agreement" value="agreement">

			<label>Você concorda com nossos termos e nossa política de privacidade</label>

			

← Retornar para página principal