介绍

您可以使用该<datalist>元素为您的文本输入提供一点提升。这是一个有点像的融合<input>和<select>。本文将概述如何使用它。

先决条件

• HTML5 的一般知识。要全面了解 HTML5 标记语言，请浏览我们的系列“如何用 HTML 构建网站”。

使用<datalist>元素

这是<datalist>在 HTML5 标记中使用该元素的方式：

<label for="favorite-band">Your favorite band?</label>
<input list="fish"
name="fish-choice" id="fish-choice>" />

<datalist id="fish">
    <option value="Shark">
    <option value="Tuna">
    <option value="Ulua">
</datalist>

结论

该<datalist>元素是HTML的一个非常有用的功能。

要更全面地了解 HTML5 标记语言，请浏览我们的系列，如何用 HTML 构建网站。