Select, Textarea e Datalist


Campo de seleção

O campo de seleção (select) permite mostrar ao usuários uma lista de opções para que ele possa escolher uma ou mais opções. Para criar um campo select, utilize a tag <select>. Veja o exemplo abaixo:

<select name="carros">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="fiat">Fiat</option>
  <option value="audi">Audi</option>
</select>

Por padrão o campo de seleção permite selecionar apenas uma opção. Caso queira mudar esse padrão para permitir selecionar múltiplos, basta adicionar o atributo ""multiple"". Veja o exemplo:

<select name="cars" size="3" multiple>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="fiat">Fiat</option>
  <option value="audi">Audi</option>
</select>

Área de texto

O campo área de texto (textarea), permite que o usuário insira um texto longo de vários parágrafos. Para adicionar um campo de área de texto, utilize a tag <textarea>, conforme exemplo abaixo:

<textarea name="redacao" rows="10" cols="30"></textarea>

Datalist

O datalist é uma ferramenta que permite criar uma lista de opções de entrada para um campo de texto. Para criar um datalist, utilize a tag <datalist> com cada opção descrita pela tag <option>. Veja exemplo completo abaixo:

<input type=""text"" list="navegadores">
<datalist id="navegadores">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

Versão 5.3 - Todos os Direitos reservados