Как ограничить пользователей для ввода данных, отличных от опции, с помощью списка данных

<input list="browsers">

<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

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


person user6688672    schedule 08.03.2018    source источник


Ответы (2)


<datalist> предоставляет предложения, но не требует, чтобы пользователь вводил определенные значения.

Для этого вы должны использовать <select> или что-то вроде Selectize или Выберите2, если вы хотите, чтобы пользователи вводили свои ответы с ограниченным автозаполнением.

Также стоит отметить, что <datalist> является совершенно новым и поддерживается не всеми браузерами (в частности, я только что попробовал его в Safari, и это не сработало); вы можете рассмотреть возможность использования чего-то другого (например, варианты, которые я указал выше), чтобы не ограничивать свой веб-сайт только пользователями с последним браузером, совместимым со стандартами.

person wolfson    schedule 08.03.2018

Я думаю, что более разумным действием является использование поля выбора формы. Дополнительные сведения см. по адресу: HTML-форма: Select-Option vs Datalist-Option

person Chris Calip    schedule 18.04.2018