Связать HTML-список данных с вводом (без установки атрибутов) - PullRequest
0 голосов
/ 27 мая 2018

Используя javascript, можно ли связать список данных с входом без установки атрибутов id и list в строку?

Элемент HTML5 datalist обычно (и, возможно, исключительно) связан с элементом input , устанавливая атрибут list для входного элемента в id атрибут списка данных :

<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 , существует способ экспорта этого модуля таким образом, чтобы исключить конфликт имен свсе сайты в интернете?

...