自动完成，仅使用实现实现接受列出的选项

Question

因为我无法在“选择”小部件中输入文本，所以我使用了“自动完成输入”小部件。我的问题是如何仅接受自动填充列表建议的选项？

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

中看到