Resumo

  • datalist oferece opções a um input editável por meio do atributo list.
  • O navegador escolhe como apresentar e filtrar as sugestões; o usuário pode escrever outro valor permitido pelo campo.

Um balcão oferece sete cartões com respostas prováveis e deixa uma folha em branco ao lado. Parece uma gentileza banal; na internet, muitos formulários agem como se o oitavo caso não existisse. datalist deu ao HTML uma maneira de ser menos teimoso. O autor prepara exemplos, o navegador os aproxima do campo, e a pessoa ainda pode escrever. O formulário ajuda a lembrar; quem responde continua dono da frase.

O primeiro rascunho público de marcação HTML do W3C, de março de 2010 apresentou datalist como elemento novo para opções predefinidas de outros controles. Previa também conteúdo de apoio para navegadores antigos. Essa convivência revela a Web daquele período: uma linguagem nova precisava funcionar na vizinhança de máquinas que ainda liam a gramática anterior. A sugestão nascia com uma saída para quem não tivesse a interface nova.

A referência do W3C de 2011 conservou o desenho de opções destinadas a outros controles. É uma divisão inteligente. O datalist guarda a coleção de palpites; o input recebe o valor de fato. Uma lista pode ser editada pelo autor sem transformar o campo em escolha fechada. Um endereço fora da relação das cidades mais comuns ainda cabe no formulário se o tipo do campo o aceitar.

A seção de formulários do HTML atual define cada sugestão com precisão: uma option habilitada e com valor não vazio. Ela pode trazer valor e rótulo. O input encontra o datalist pelo identificador indicado em list. Na tela, o rótulo explica; ao selecionar, o valor entra no campo. O nome que faz sentido para uma pessoa e o dado que faz sentido para o sistema podem trabalhar juntos sem se disfarçar um de outro.

Pelas regras atuais de entrada, o navegador deve oferecer sugestões enquanto o usuário edita e pode filtrar conjuntos longos. A busca considera rótulos e valores, além de lidar com normalização Unicode e diferenças de maiúsculas. São minúcias que importam quando uma mesma palavra aparece de jeitos distintos sob o teclado. Uma lista útil acompanha o modo de escrever de quem está ali, em vez de cobrar a senha ortográfica do administrador.

Selecionar uma sugestão coloca o valor no campo como se a pessoa o tivesse digitado. Digitar um valor diferente também usa aquele campo. O tipo e as restrições normais seguem cuidando da validade. Uma lista de destinos frequentes pode poupar alguns toques sem apagar a cidade pequena que ficou fora do catálogo. O atalho funciona melhor quando a estrada continua aberta.

A pequena cortesia distribui papéis claros. O autor adivinha e organiza, o navegador mostra, a pessoa decide. Menus fechados são ótimos quando só existem aquelas opções. A vida real tem uma habilidade infalível para produzir a opção esquecida. datalist entrega os cartões mais úteis e depois faz a coisa rara para um formulário: fica quieto enquanto você escreve.