title: How to disable user input for materialize autocomplete
body: <p>Essentially, I want to force the user to be able to only select from the given values.</p>
  
  <p>E.g when the user either selects or clicks inside the text box then it should display him/her some of the values (e.g Microsoft and google) and then he should be able to select either one of them or type a and then select apple but under no circumstances, he should be able to input or select anything that's not in the data/values.</p>
  
  <p>CodePen: <a href="https://codepen.io/textech/pen/WNvrLMp" rel="nofollow noreferrer">https://codepen.io/textech/pen/WNvrLMp</a></p>
  
  <pre><code>  document.addEventListener('DOMContentLoaded', function() {
      var elems = document.querySelectorAll('.autocomplete');
      var instances = M.Autocomplete.init(elems, {
        data: {
          "Apple": null,
          "Microsoft": null,
          "Google": 'https://placehold.it/250x250'
        },
  
      });
    });
  </code></pre>