Question

考虑以下html代码

<!DOCTYPE html>
<html>
<body>

<form action="demo_form.asp" method="get">
  <input list="browsers" name="browser">
  <datalist id="browsers">
    <option value="Internet Explorer">
    <option value="Firefox">
    <option value="Chrome">
    <option value="Opera">
    <option value="Safari">
  </datalist>
  <input type="submit">
</form>

<p><strong>Note:</strong> The datalist tag is not supported in Internet Explorer 9 and earlier versions, or in Safari.</p>

</body>
</html>

有多种输入元素可用于不同的特定目的。为了拥有包含文字的可选数据列表，我们将<input type="text">替换为<input list="value">。现在编写<input list>标记时，很明显我们有一个数据列表。那么为什么我们需要提一个额外的<datalist>标签来封装选项值呢？为什么没有将data-list标签的所有功能添加到input-list标签？

Answer 1

我不确定我是否正确理解了这个问题，但我认为您需要<datalist>，因为您可以添加id=' '之类的参数。在这种情况下，您可以稍后使用JavaScript对该特定数据主义者执行操作。例如使用getElementId。如果我回答你的问题，请告诉我。

输入列表标记内的额外datalist标记的用途是什么？

1 个答案: