Para criar uma Caixa de Seleção, usamos a Tag <select>. Além disso, devemos usar uma Tag <option> para cada opção.
Para entender melhor, preparei um exemplo simples.Pintei a Tag <select> de azul e as Tags <option> de vermelho apenas para facilitar o aprendizado. Confira o código:
<html>
Observe o resultado:<head>
<title>Qual o seu Time do Coração?</title>
</head><body>
</html><h1>Qual o seu Time do Coração?</h1>
<form method="post" action="cadastrar-enquete.php">
<input type="reset" value="Cancelar" /></form>
</body><form method="post" action="cadastrar-enquete.php">
<select name="time">
<option value="bota">Botafogo</option>
<option value="fla">Flamengo</option>
<option value="flu">Fluminense</option>
<option value="vasco">Vasco da Gama</option>
<option value="fla">Flamengo</option>
<option value="flu">Fluminense</option>
<option value="vasco">Vasco da Gama</option>
</select>
<input type="submit" value="Enviar" /><input type="reset" value="Cancelar" />
Repare que dessa forma, a Caixa de Seleção é uma alternativa ao uso de Botões de Radio.
Criando uma Caixa de Seleção Múltipla
É possível também permitir que os internautas selecionem mais de uma opção. Para isso, devemos utilizar os parâmetros size e multiple na Tag <select>. O primeiro serve para aumentar a altura da Caixa de Seleção e o segundo, permite a seleção de duas ou mais opções pressionando as Teclas Shift ou Ctrl.
Veja um exemplo:
<html>
Observe o resultado:<head>
<title>Informe seu conhecimento em Informática</title>
</head><body>
</html><h1>Informe seu conhecimento em Informática</h1>
<form method="post" action="cadastrar-dados.php">
<input type="reset" value="Cancelar" /></form>
</body><form method="post" action="cadastrar-dados.php">
<select name="info[]" size="3" multiple>
<option value="win">Windows</option>
<option value="woird">Word</option>
<option value="excel">Excel</option>
<option value="net">Internet</option>
<option value="woird">Word</option>
<option value="excel">Excel</option>
<option value="net">Internet</option>
</select>
<br /><br />
<input type="submit" value="Enviar" /><br /><br />
<input type="reset" value="Cancelar" />
Repare que dessa forma, a Caixa de Seleção é uma alternativa ao uso de Caixas de Verificação (Checkboxes).
Nota: Em breve publicarei um post que explica como o PHP recebe valores de Caixas de Seleção. Mais a frente, explicarei o mesmo em outras linguagens.
Dica: Se você quiser que uma ou mais opções da Caixa de Seleção já apareça marcada ao carregar a página, basta adicionar o atributo selected nas Tags <option> desejadas conforme abaixo:
<option value="fla" selected>Flamengo</option>
Leia mais:
- Veja agora como Adicionar Áreas de Texto em Seus Formulários HTML;
- Aprenda a Adicionar Botões de Rádio em seus Formulários HTML;
- Agrupe Controles de seus Formulários HTML;
- Entenda pra que serve a Tag <label>;
- Quer ir mais longe? Leia Introdução ao PHP;
- Não sabe nada de HTML? Comece com Introdução ao HTML;
Muito Bom
ResponderExcluirPode ter certeza que este post estará ajudando muita gente na rede,HTML é um conhecimento adquirido para quem tem dom,pois é muito complicado,mesmo quem ja tem conhecimento fica quebrando cabeça com tantos códigos.
ResponderExcluirAtt,Márcio Roberto, Nova Serrana (MG)
Oi Marcio,
ExcluirQue bom! Fico feliz com seu comentário!
Um abraço!
Me ajudou muito no meu trabalho da escola
ResponderExcluirQue bom que foi útil!
ExcluirObrigado por usar o Blog!
rapaz me ajudou bastante no site que estou fazendo, apenas gostaria de saber como se faz para quando o usuario fizer uma escolha ele ir para uma nova pagina no caso a opção escolhida
ResponderExcluirSávio
Juazeiro do Norte/Ce.
Fala aí Sávio,
ExcluirExpliquei isso no post:
http://denecir.blogspot.com.br/2010/09/receber-dados-formulario-php.html
Dá uma olhada lá e se não entender, posta aí!
Abraço!
Este comentário foi removido pelo autor.
ResponderExcluir