Вопрос по jquery, html, javascript – Выпадающий список HTML с полем ввода [дубликат]
На этот вопрос уже есть ответ здесь:
HTML выберите форму с возможностью ввода пользовательского значения 5 ответовКак я могу реализовать выпадающее меню стиля выбора в HTML с опцией, которая является вводом текста?
Идея в том, что кто-то может либо выбрать из списка предопределенных опций, либо ввести свой собственный вариант.
search field == input text field
@ 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
Datalist делает свое дело, но отображение в некоторых браузерах (chrome для ex) может стать проблематичным. В отличие от выбора элемента, вы не можете стилизовать или даже просто иметь полосу прокрутки, которая является большой проблемой для длинных списков.
во. Теперь я только что узнал что-то новое. Я думаю, что не многие программисты знают этот простой трюк для решения проблемы. Спасибо.
Есть ли способ открыть окно выбора только одним щелчком мыши. В настоящее время его можно открыть, если дважды щелкнуть поле ввода или щелкнуть стрелку вниз.
Это хороший плагин, который делает список данных кроссплатформенным:projects.sergiodinislopes.pt/flexdatalist
Похожие вопросы
<span><code>search field == input text field</code></span>
<span>@ MohammadAdil Да, но вы знаете, что я имею в виду :)</span>
