Tambem conhecidas como Combo Boxes ou Menu Select, as Caixas de Selecao sao controles usados para facilitar o preenchimento de Formularios HTML pois os internautas escolhem a opcao desejada atraves de cliques (sem precisar digitar).Para criar uma Caixa de Selecao, usamos a Tag <select>. Alem disso, devemos usar uma Tag <option> para cada opcao.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 codigo:<html><head><title>Qual o seu Time do Coracao?</title></head><body><h1>Qual o seu Time do Coracao?</h1><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></select><input type="submit" value="Enviar" /><input type="reset" value="Cancelar" /></form></body></html>Observe o resultado:Repare que dessa forma, a Caixa de Selecao e uma alternativa ao uso de Botoes de Radio.Criando uma Caixa de Selecao MultiplaE possivel tambem permitir que os internautas selecionem mais de uma opcao. Para isso, devemos utilizar os parametros size e multiple na Tag <select>. O primeiro serve para aumentar a altura da Caixa de Selecao e o segundo, permite a selecao de duas ou mais opcoes pressionando as Teclas Shift ou Ctrl.Veja um exemplo:<html><head><title>Informe seu conhecimento em Informatica</title></head><body><h1>Informe seu conhecimento em Informatica</h1><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></select><br /><br /> <input type="submit" value="Enviar" /><input type="reset" value="Cancelar" /></form></body></html>Observe o resultado:Repare que dessa forma, a Caixa de Selecao e uma alternativa ao uso de Caixas de Verificacao (Checkboxes).Nota: Em breve publicarei um post que explica como o PHP recebe valores de Caixas de Selecao. Mais a frente, explicarei o mesmo em outras linguagens.Dica: Se voce quiser que uma ou mais opcoes da Caixa de Selecao ja apareca marcada ao carregar a pagina, basta adicionar o atributo selected nas Tags <option> desejadas conforme abaixo:<option value="fla" selected>Flamengo</option>EDITADO:Como nao e possivel adicionar tags aos comentarios aqui no blog, segue a resposta da pergunta feita pelo Moises. Alias, uma otima pergunta.Ele quer saber como fazer a Caixa de Selecao funcionar como um menu de navegacao rapida, ou seja, ao selecionar uma opcao disponivel, ser direcionado automaticamente para uma outra pagina.Para isso, teremos que usar Javascript. Observe o exemplo abaixo:<select onchange="location.href=this.value"> <option value="#">Selecione</option> <option value="http://www.botafogo.com.br">Botafogo</option> <option value="http://www.flamengo.com.br">Flamengo</option> <option value="http://www.fluminense.com.br">Fluminense</option> <option value="http://www.vasco.com.br">Vasco da Gama</option></select>Observe que coloquei os enderecos dos sites no parametro value do option de cada clube e adicionei o parametro onchange a tag select chamando o javascript:location.href=this.value;Ou seja, ao alterar (escolher uma opcao do select), eu direciono o usuario para o value selecionado.Abraco amigos!Leia mais:Veja agora como Adicionar Areas de Texto em Seus Formularios HTML;Aprenda a Adicionar Botoes de Radio em seus Formularios HTML; Agrupe Controles de seus Formularios HTML;Entenda pra que serve a Tag <label>;Quer ir mais longe? Leia Introducao ao PHP; Nao sabe nada de HTML? Comece com Introducao ao HTML; Para agrupar controles de um Formulario HTML, usamos as Tags <fieldset> e <legend>. A primeira, serve para fazer o agrupamento em si. Ja Tag <legend>, serve para adicionar um titulo ao conjunto.Observe o exemplo abaixo:<html><head><title>Formulario de Login</title></head><body><h1>Formulario de Login</h1><form method="post" action="efetuar-login.php"><fieldset><legend>Informe seu e-mail e senha</legend>E-mail:<br /><input type="text" name="email" /><br /><br />Senha:<br /><input type="password" name="senha" /></fieldset><br /><input type="submit" value="Efetuar Login" /><input type="reset" value="Cancelar" /></form></body></html>Veja o resultado:Leia mais:Entenda