Solucionado (ver solução)
Solucionado
(ver solução)
5
respostas

Elemento Select "vs" atributo List

Boa noite,

Analisando a solução proposta pela Alura e a minha resposta, gostaria de saber a diferença do elemento select e o atributos list?

Para este exercício, o atributo list poderia ser uma solução?

Obrigado

5 respostas

select é um input para uma lista de opções para seu formulário tanto que você tem que passar os values na tag option

<select name="assunto">
  <option value="blog">Blog</option>
  <option value="servico">Serviço</option>
  <option value="outro">Outro</option>
</select>

já a ul é para você fazer uma lista, menu e etc. Veja que ele não tem o atributo name e nas li não tem value

<ul>
  <li><a>Blog</a></li>
  <li><a>Serviço</a></li>
  <li><a>Outro</a></li>
</ul>

Na verdade você esta falando do "elemento li", gostaria de saber sobre o "atributo list" em comparação ao select.

solução!

Diogo, a diferença seria que o atributo list é uma sugestão de possíveis escolhes ao usuário, mas nada impede ele de digitar algo na input que não esteja na lista.

Já o select não, o usuário deve selecionar algo realmente que consta na lista, você o esta obrigando a selecionar uma das opções que você lhe deu.

Geralmente o list é usado para fazer buscas de acordo com o preenchimento do usuário, um tipo de select-search ou data-list, imagine o seguinte:

Temos um input para digitar o nome de um cliente mas para trazer todos os clientes do banco fica complicado pois podemos ter muitos, então quando o usuário digitar 3 ou 5 letras você faz a busca e devolve os clientes para ele selecionar.

Espero ter ajudado.

Boa!

Obrigado.

De nada, sempre que precisar não deixe de criar suas dúvidas.