<datalist>标记用于显示用户可能希望选择作为输入的预定义选项的列表。 此标记启用表单上的自动完成功能。这意味着,当用户开始在文本框中键入内容时,会下拉列表中预定义的单词以供选择。

<datalist>标记与INPUT标记一起使用,其中指定了list属性。 list属性的值类似于DATALIST标签的id属性,以将INPUT标签与DATALIST标签链接起来。

用作DATALIST标记的子标记的OPTION标记用于指定要显示的选项的列表。

DATALIST标签示例

以下是使用<datalist>标记的示例。

<INPUT type="text" list="name">
    <DATALIST id="name">
        <OPTION value="Maland">
        <OPTION value="John">
        <OPTION value="Tony">
    </DATALIST>

在这里,我们使用了INPUT标签和DATALIST标签。 INPUT标签的list属性和DATALIST标签的id属性指定了相同的值。还定义了OPTION标记并将其值属性指定为要显示的选项。