Подтвердить что ты не робот

Выпадающий список HTML с полем ввода

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

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

4b9b3361

Ответ 1

Вы можете использовать входной текст с атрибутом "list", который ссылается на datalist значений.

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

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