Cursos / Informática para Internet / Desenvolvimento Front-end I / Aula
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>
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>
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