许多输入元素的html5单数据主义定义

Question

我注意到在html5中我可以编写类似的内容：

<datalist id="list1">
    <option value="A">
    <option value="B">
</datalist>

input1: <input list="list1">

input2: <input list="list1">

这会创建两个具有相同选项列表的不同输入元素。

我想使用经典的select元素做同样的事情。我有一个网页，我在行中显示可编辑数据列表，每行都有（在其他行旁边）一个select元素。每个选择元素的选项列表都相同。如果我只能定义一次选项列表，HTML就会短得多。 我想的是：

    <select list="list1">
    </select> 

但它没有用。

Answer 1

HTML5无法实现这一点，您需要（服务器端或客户端）脚本。

select element没有list属性，也没有定义允许引用一组option元素的不同机制。

您可以将iframe或object元素用于包含此select元素的embed a document。但是，这不允许您更改select元素本身的属性，因此每次出现时都会完全相同。 （您不能将iframe / object作为select的子级，因此嵌入式文档需要具有父select元素。）