Я спорю между использованием<select> или же<datalist> отобразить раскрывающийся список, из которого пользователь может выбирать элементы.

Один недостаток<select> тег заключается в том, что он несовместим, поскольку он отображается по-разному в разных браузерах: в некоторых браузерах он отображается с полосой прокрутки, а для некоторых - выпадающим списком.

<datalist> с другой стороны, кажется хорошим, но я просто хочу знать, есть ли способ отключить ввод текста, где пользователь может вводить все, что он хочет, в текстовое поле, если он не нажимает кнопку со стрелкой вниз в поле ввода, как показано :

​<form action="demo_form.asp" method="get">
  <input list="browsers" name="browser">
  <datalist id="browsers">
    <option value="Internet Explorer">
    <option value="Firefox">
    <option value="Chrome">
    <option value="Opera">
    <option value="Safari">
  </datalist>
  <input type="submit">
</form>

Есть ли какой-то способ отключить панель ввода при сохранении выпадающего списка? Я попробовал атрибут «только для чтения», но это делает весь объект не кликабельным.