www.samueldiasneto.com: Criando formulários HTML

<<< Voltar Avançar >>>

5.Inserindo listas de itens

Para inserir uma lista de itens usa-se o comando:

<select name=NOME size=TAMANHO multiple>
<option>ITEM 1 DA LISTA
<option>ITEM 2 DA LISTA
.........
<option>ITEM n DA LISTA
</select>

Onde:

Se size for omitido, apenas uma linha será exibida. Para ver os outros itens o usuário deverá clicar na seta que existe à direita da lista. Se size é especificado a lista é exibida aberta. O número de linhas exibido é determinado pelo valor passado para size. Se o número de itens da lista for menor que o número passado para size, linhas em branco serão exibidas.

Exemplo de listas de itens:

<html>
<head>
<title>exemplo 4</title>
</head>
<body>
<form>
<center>
<b>Escolha sua distribuição favorita</b><br>
<table border=1 bgcolor=#00FFFF>
  
  <tr>
  <td>
  <select name=distribuicao>
  <option>Debian
  <option>Conectiva
  <option>Mandrake
  <option>Kurukim
  <option>Suse
  </select>
  </td>
  </tr>
  
  <tr><td> </td></tr>
  
  <tr>
  <td>
  <select name=distribuicao size=5 >
  <option>Debian
  <option>Conectiva
  <option>Mandrake
  </select>
  </td>
  </tr>

    <tr><td> </td></tr>
    
      <tr>
  <td>
  <select name=distribuicao size=5 multiple>
  <option>Debian
  <option>Conectiva
  <option>Mandrake
  <option>Kurukim
  <option>Suse
  </select>
  </td>
  </tr>
    
</table>
</center>
</form>
</body>
</html>

Para ver o resultado do código acima clique aqui.

<<< Voltar Avançar >>>