Выпадающий список HTML с полем ввода [дубликат]

На этот вопрос уже есть ответ здесь:

HTML выберите форму с возможностью ввода пользовательского значения 5 ответов

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

Идея в том, что кто-то может либо выбрать из списка предопределенных опций, либо ввести свой собственный вариант.

 Mohammad Adil13 апр. 2013 г., 21:42
search field == input text field
 jesal13 апр. 2013 г., 22:10
@ MohammadAdil Да, но вы знаете, что я имею в виду :)

Ответы на вопрос(1)

Решение Вопроса

список" атрибут, который ссылается на список значений.

<input type="text" name="city" list="cityname">
<datalist id="cityname">
  <option value="Boston">
  </option><option value="Cambridge">
</option></datalist>

Это создает поле ввода произвольного текста, в котором также есть раскрывающийся список для выбора предопределенных вариантов. Атрибуция например и дополнительная информация:https://www.w3.org/wiki/HTML/Elements/datalist

 Peter Mark03 февр. 2016 г., 21:49
Это'вообще не поддерживается в Safari.w3schools.com/tags/tag_datalist.asp
 Wai Ha Lee20 апр. 2015 г., 20:17
Привет, Олег, автор оригинала попросил добавить плагин или какой-нибудь пример кода. Не могли бы вы конкретизировать свой ответ, чтобы показать, как применить "список" приписывать делать то, что хотят? Спасибо.
 user102136420 авг. 2015 г., 09:35
во. Теперь я только что узнал что-то новое. Я думаю, что не многие программисты знают этот простой трюк для решения проблемы. Спасибо.
 Vincent Teyssier08 янв. 2016 г., 10:31
Datalist делает свое дело, но отображение в некоторых браузерах (chrome для ex) может стать проблематичным. В отличие от выбора элемента, вы не можете стилизовать или даже просто иметь полосу прокрутки, которая является большой проблемой для длинных списков.
 CraZyDroiD23 июн. 2017 г., 07:38
Есть ли способ открыть окно выбора только одним щелчком мыши. В настоящее время его можно открыть, если дважды щелкнуть поле ввода или щелкнуть стрелку вниз.
 jesal15 янв. 2017 г., 01:47
Это хороший плагин, который делает список данных кроссплатформенным:projects.sergiodinislopes.pt/flexdatalist

Ваш ответ на вопрос