Manual de Referência HTML

大全 de etiquetas HTML

Tag <datalist> do HTML

A marcação HTML <datalist> contém um grupo de elementos <option>, que representam os valores opcionais de outros controles de formulário; a marcação <datalist> é uma marcação HTML5um elemento, que define a lista de valores sugeridos para a marcação <input>. Esses valores sugeridos serão exibidos como lista suspensa no controle de entrada e, quando o usuário inserir dados no controle de entrada, as opções disponíveis serão filtradas. Este sinal também é conhecido como <datalist&

Exemplo Online

A seguir está um elemento <input>, cujos valores possíveis são descritos no <datalist>:

Exemplo

!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5　uso da tag <datalist> (Tutorial Básico da Web oldtoolbag.com)</title>
</head>
<body>
　label for="tutorial_choice">Tutoriais: </label>
　　input list="tutorial_types" name="tutorial_choice" id="tutorial_choice">
　　datalist id="tutorial_types">
　　　　<option value="HTML">
　　　　<option value="CSS">
　　　　<option value="SQL">
　　</datalist>
</body>
</html>

Teste e veja ‹/›

Neste HTML5No exemplo de documento, usamos a tag <datalist> para criar uma lista de valores sugeridos para a tag <input>.3um valor (HTML, CSS e SQL), essas opções serão exibidas como lista suspensa, para que o usuário possa escolher.

Compatibilidade do navegador

A etiqueta <datalist> tem suporte básico nos seguintes navegadores:}

IEFirefoxOperaChromeSafari

Definição e instruções de uso das etiquetas

O elemento <datalist> do HTML está dentro da marcação <body>. A etiqueta <datalist> geralmente está dentro da marcação <form>.

A etiqueta <datalist> contém um grupo de etiquetas <option>, que fornecem valores possíveis para a etiqueta <input> associada.

A etiqueta <datalist> define a lista de opções possíveis para o elemento <input>.

A etiqueta <datalist> é usada para fornecer a funcionalidade de "autocompletar" para o elemento <input>. O usuário verá uma lista suspensa com opções pré-definidas, que serão usadas como dados de entrada do usuário.

Use o atributo list do elemento <input> para vincular o elemento <datalist>.

HTML 4.01 e HTML5diferenças entre

A etiqueta <datalist> é um HTML5 com novos rótulos.

Atributos globais

Suporte do <datalist> etiqueta Atributos globais do HTML.

Atributos de evento

Suporte do <datalist> etiqueta Atributos de evento do HTML.

Tag <dd> do HTML Tag <command> do HTML