可以强制html datalist只下拉列表吗？

<input list="colors" id="colorInput">
<datalist id="colors">
  <option value="Red">
  <option value="Green">
  <option value="Blue">
</datalist>

<script>
  const input = document.getElementById('colorInput');
  const dataList = document.getElementById('colors');

  input.addEventListener('input', function() {
    const value = this.value;
    const option = Array.from(dataList.options).find(function(o) {
      return o.value === value;
    });

    if (!option) {
      this.value = '';
    }
  });
</script>