Atributos da tag select
(name): A variável "nome_controle" deve ser substituída pelo nome interno referente ao controle.
(size): A variável "n_itens" deve ser substituída por um número que definirá a quantidade de itens que serão exibidos simultaneamente pelo controle criado. Caso o atributo (size) seja omitido, ele assumirá o seu valor padrão "1" e o controle criado será uma caixa combinada. Caso o atributo (size) receba como valor um número maior do que "1", o controle criado será uma lista.
(multiple): A inserção deste atributo permite a seleção de múltiplos itens em uma lista.
Dica (2): Quando for necessário utilizar o atributo (multiple), permita que o usuário visualize um conjunto de itens simultaneamente, para que o mesmo possa verificar as opções anteriormente selecionadas nesta lista.
Atributos da tag option:
(value): Com este atributo, definimos a informação que cada item enviará ao servidor, caso o mesmo seja selecionado.
(selected): Com este atributo, definimos entre os itens inseridos, qual aparecerá previamente selecionado.
No exemplo abaixo observe com atenção a distribuição dos comandos HTML (tags) na construção do documento.
<html>
<head>
<title> FORMULÁRIO ELETRÔNICO - CONTROLE DA CLASSE SELECT </title>
</head>
<body>
<br>
<center><font face="comic sans ms, verdana, sans-serif" size="4" color="#000099"><b>FORMULÁRIO ELETRÔNICO - CONTROLE DA CLASSE SELECT</b></font></center>
<br><br>
<center>
<table border="0" cellspacing="0" cellpadding="0">
<form name="form3" method="get" action="http://www.meuservidor.com.br/cgibin/mail.cgi">
<input type="hidden" name="Identificação" Value="Exemplo utilizando o controle da classe select">
<tr>
<td align="right"><b> Nome: </b></td>
<td align="left"> <input type="text" name="Nome" value="" size="50" maxlength="50"> </td>
</tr>
<tr>
<td align="right"><b> Sexo: </b></td>
<td align="left"> <input type="radio" name="sexo" value="m"> Masculino <br>
<input type="radio" name="sexo" value="f"> Feminino </td>
</tr>
<tr>
<td align="right"><b> Deseja receber mensalmente o boletim com novidades sobre o site? </b></td>
<td align="left"> <input type="checkbox" name="informacoes" value="sim" checked> </td>
</tr>
<tr>
<td align="right"><b> Digite seus comentários: </b></td>
<td align="left"> <textarea name="Comentários" rows="10" cols="50">< /textarea> </td>
</tr>
<tr>
<td align="right"><b> Classifique o nosso site em: </b></td>
<td align="left"> <select name="Classificação">
<option value="Ótimo"> Ótimo
<option value="Bom"> Bom
<option value="Regular" selected> Regular
<option value="Ruim"> Ruim
<option value="Péssimo"> Péssimo
</select></td>
</tr>
<tr>
<td align="right"> <input type="submit" value="Enviar"> </td>
<td align="left"> <input type="reset" value="Limpar"> </td>
</tr>
</form>
</table>
</center>
</body>
</html>
|
