Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Elemento Datalist | Forms
HTML Supremo

Elemento DatalistElemento Datalist

O elemento <datalist> em HTML é utilizado para criar uma lista predefinida de opções para um elemento <input>. Ele permite que o usuário selecione uma opção de uma lista de opções predefinidas, ao mesmo tempo em que lhe oferece a capacidade de inserir seu próprio valor, caso prefira. A lista de valores predefinidos fica oculta até o momento em que o usuário começa a digitar no campo de texto associado. Combinamos <datalist> com o atributo id e <input> com o atributo list.

html

index.html

css

index.css

js

index.js

No geral, o elemento <datalist> pode ser uma forma útil de fornecer uma lista predefinida de opções para os usuários selecionarem, ao mesmo tempo que lhes permite a flexibilidade de inserir seu próprio valor, se necessário.

1. Qual elemento HTML é usado para criar uma lista suspensa com várias opções?
2. Qual é o propósito do elemento `<datalist>`?
3. Qual atributo é usado para vincular um elemento `<datalist>` a um elemento `<input/>`?

Qual elemento HTML é usado para criar uma lista suspensa com várias opções?

Selecione a resposta correta

Qual é o propósito do elemento <datalist>?

Selecione a resposta correta

Qual atributo é usado para vincular um elemento <datalist> a um elemento <input/>?

Selecione a resposta correta

Tudo estava claro?

Seção 5. Capítulo 9
course content

Conteúdo do Curso

HTML Supremo

1. Desenvolvimento Web

Mundo WebO Que é a Internet?Entendendo como a Internet FuncionaComo um Site FuncionaDesenvolvimento Frontend vs BackendCaminho para o Sucesso

2. Tags e Atributos

Revelando o Potencial de Tags e Atributos HTMLTagsAtributosTags Emparelhadas e ÚnicasMarcação de TextoDesafio 1: Marcação de TextoDesafio 2: Marcação de TextoDesafio 3: Marcação de TextoMarcação de Texto com Propósito EspecialDesafio: Marcação de Texto com Propósito EspecialValidação

3. Estrutura do Documento

Segredos das Páginas Web EstruturadasEstruturaCabeçalho do DocumentoFluxo do DocumentoDesafio: Estrutura do DocumentoFerramentas de Desenvolvedor

4. Mídias e Tabelas

A Magia das Mídias Interativas e Tabelas DinâmicasImagensDesafio: Imagens Imagens de Propósito EspecialFormatos GráficosIncorporação de Áudio e VídeoDesafio: Áudio e VídeoTabelasDesafio: Tabelas

5. Formulários

O Poder dos Formulários: Interagir e EngajarBase de Criação de FormuláriosLabel para Elemento de InputAtributos de InputTipos de InputDesafio: Input e LabelElemento TextareaElemento SelectElemento DatalistElementos de Formulário de Grupo

HTML Supremo

Elemento DatalistElemento Datalist

O elemento <datalist> em HTML é utilizado para criar uma lista predefinida de opções para um elemento <input>. Ele permite que o usuário selecione uma opção de uma lista de opções predefinidas, ao mesmo tempo em que lhe oferece a capacidade de inserir seu próprio valor, caso prefira. A lista de valores predefinidos fica oculta até o momento em que o usuário começa a digitar no campo de texto associado. Combinamos <datalist> com o atributo id e <input> com o atributo list.

html

index.html

css

index.css

js

index.js

No geral, o elemento <datalist> pode ser uma forma útil de fornecer uma lista predefinida de opções para os usuários selecionarem, ao mesmo tempo que lhes permite a flexibilidade de inserir seu próprio valor, se necessário.

1. Qual elemento HTML é usado para criar uma lista suspensa com várias opções?
2. Qual é o propósito do elemento `<datalist>`?
3. Qual atributo é usado para vincular um elemento `<datalist>` a um elemento `<input/>`?

Qual elemento HTML é usado para criar uma lista suspensa com várias opções?

Selecione a resposta correta

Qual é o propósito do elemento <datalist>?

Selecione a resposta correta

Qual atributo é usado para vincular um elemento <datalist> a um elemento <input/>?

Selecione a resposta correta

Tudo estava claro?

Seção 5. Capítulo 9
some-alt