将HTML datalist与输入相关联（不设置属性）

Question

使用javascript，是否可以将 datalist 与输入相关联，而无需设置 ID 和列表属性为字符串？

通过将输入的列表属性设置为 datalist 元素通常（并且可能排他地）与输入元素相关联 datalist的属性：

<input list="animals">
<datalist id="animals">
  <option value="Bear">
  <option value="Cat">
  <option value="Dog">
</datalist> 

如果输入元素可以使用结束标记封装数据列表，则不需要这些属性：

<input>
    <datalist>
      <option value="Bear">
      <option value="Cat">
      <option value="Dog">
    </datalist> 
</input>

但是，这不会像以前的标记那样产生自动建议。

假设您要创建一个ecmascript模块，该模块导出包含具有数据列表输入的div。此外，我们还假设该模块将被互联网上的众多网站使用。

导出此div已包含 id 和 list 属性，可能会在该网站管理员的网站上造成命名冲突。

除了对 id 使用模糊的命名约定外，是否有一种方法可以导致此模块的方式导致无法与互联网上的所有网站发生命名冲突？