html – 是否可以在多个元素上重用数据表？

概述我已将其定义并放置在< head>中标签： <datalist id="colors"> <option>#ff0000</option> <!-- red --> <option>#FF5100</option> <!-- red orange --> <option>#FF7F00</option> <!-- orange 我已将其定义并放置在< head>中标签：

<dataList ID="colors">  <option>#ff0000</option>    <!-- red            -->  <option>#FF5100</option>    <!-- red orange     -->  <option>#FF7F00</option>    <!-- orange         -->  <option>#FFBE00</option>    <!-- yellow orange  -->  <option>#FFFF00</option>    <!-- yellow         -->  <option>#C0FF00</option>    <!-- yellow green   -->  <option>#00FF00</option>    <!-- green -->  <option>#007F7F</option>    <!-- Blue Green     -->  <option>#0000FF</option>    <!-- Blue -->  <option>#5C00FF</option>    <!-- Blue Violet    -->  <option>#7F00FF</option>    <!-- Violet         -->  <option>#BF007F</option>    <!-- Red Violet     -->  <option>#FFFFFF</option>    <!-- White          -->  <option>#DADADA</option>    <!-- Gray1          -->  <option>#B6B6B6</option>    <!-- Gray2          -->  <option>#929292</option>    <!-- Gray3          -->  <option>#6D6D6D</option>    <!-- Gray4          -->  <option>#494949</option>    <!-- Gray5          -->  <option>#242424</option>    <!-- Gray6          -->  <option>#000000</option>    <!-- Black          --></dataList>

它似乎工作,但我收到错误：

Unexpected end tag (head) - ignored.

我应该把它放在哪里？

解决方法 首先回答标题中的问题：是的,您可以在多个控件中使用相同的dataList元素,方法是在不同的输入元素中使用其ID属性值,例如：

<dataList ID="colors">...</dataList><label for="car">color of your car:</label> <input type="color" ID="car" List="colors"><label for="tIE">color of your tIE:</label> <input type="color" ID="tIE" List="colors">

关于“我应该把它放在哪里？”的问题,HTML5 LC说的是关于datalist：

Contexts in which this element can be used:
Where phrasing content is expected.

这几乎意味着文档正文中的任何位置,但不在头部.如果使用得当,它的位置无关紧要,因为它不会产生可见的内容.你可以把它,例如在引用它的第一个输入元素之前(或之后),或者如果您愿意,在本体的开始或结束之前.

但是,如果使用像< option>#ff0000< / option>这样的标记,与< option value =“#ffff00”>相反,在此上下文中,则放置很重要,因为现在有可见内​​容(字符串) #FF0000).在不支持dataList元素的旧浏览器上,将显示放置元素的位置.

如果您使用< input type =“color”>,这似乎很可能,那么您应该考虑IE上不支持该元素类型的情况.问题是IE的足够新版本支持dataList,但即使IE 11仍然实现< input type =“color”>作为一个简单的文本框,这意味着用户在点击元素上会看到一个颜色代码的下拉列表,如#FF0000.因此,除非IE无关紧要,否则应在alabel`属性中指定颜色的可见名称,例如：

<option value="#ff0000" label="red">  <option value="#FF5100" label="red orange">

在这种方法中,dataList元素仍然可以放置在body体内的几乎任何位置,并且可以由多个输入元素引用.

总结

以上是内存溢出为你收集整理的html – 是否可以在多个元素上重用数据表？全部内容，希望文章能够帮你解决html – 是否可以在多个元素上重用数据表？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。