Автозаполнение, которое принимает только перечисленные варианты с использованием материализации - PullRequest
0 голосов
/ 26 июня 2019

Поскольку мне не удалось ввести текст в виджет «Выбор», я использую виджет «Автозаполнение ввода».Мой вопрос: как только принять параметры, предлагаемые списком автозаполнения?

HTML

 <div class="row">
    <div class="col s12">
      <div class="row">
        <div class="input-field col s12">
          <i class="material-icons prefix">textsms</i>
          <input type="text" id="SimpleInput" class="autocomplete validate" required>
          <label for="SimpleInput">AutocompleteSimple</label>
        </div>
      </div>
    </div>
  </div>
</div> <!-- CLOSE CONTAINER -->

Javascript

var instances = M.Autocomplete.init(elems, 
  {data: 
     {"Apple": null,
    "Microsoft": null,
    "Google": null},
    minLength: 0});

Ожидание

Я ожидаю, что этот виджет автозаполнения будет принимать только те входные данные, которые есть в опции, и, возможно, если возможно, добавить дополнительные параметры ввода, сделанные самостоятельно.В других случаях виджет должен быть красного цвета, как в случае, когда ввод не добавлен.Другими словами, эти входные данные следует считать недействительными.

Фактический результат Он принимает все виды входных данных.

Код, который я использую, также можно увидеть в CodePen

...