как создать текстовое поле в списке (HTML)

Question

как создать текстовое поле в списке (HTML)

0

Я хочу иметь список в HTML (единственный выбор), который будет иметь -

Текстовое поле для ввода текста.
Список опций, с помощью которых пользователь может выбрать любой вариант.

Я хочу - список с текстовым полем в качестве опции.

Синтаксис основного списка в HTML выглядит следующим образом:

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="audi" selected>Audi</option>
</select>

в то время как основной синтаксис текстового поля в HTML идет как -

<input type="textbox" name="first">

Просьба помочь, поскольку вложение синтаксиса текстового поля внутри синтаксиса списка не приводит к желаемому результату.

Rajarshi Sarkar 05 дек. 2013, в 17:34

Источник

0

Помимо создания пользовательского списка выбора, <option> в select не может этого сделать. Они могут иметь только текст в них
Sterling Archer 05 дек. 2013, в 16:12
0

Вы не сможете напрямую добавить вход в качестве опции в выбор. Решение зависит от ваших потребностей. Вы предлагаете пользователю варианты, но хотите, чтобы он мог ввести пользовательское значение, не так ли?
OlivierH 05 дек. 2013, в 16:13
1

type="textbox" не является допустимым типом для <input> .
AfromanJ 05 дек. 2013, в 16:14
0

@OlivierH >> Да, абсолютно.
Rajarshi Sarkar 05 дек. 2013, в 16:14
0

@Jamie Read >> Хорошо, тогда как построить такой список?
Rajarshi Sarkar 05 дек. 2013, в 16:15
0

Смотрите этот существующий вопрос: stackoverflow.com/questions/14614702/…
Dan Iveson 05 дек. 2013, в 16:16
1

Вы можете использовать ivaynberg.github.io/select2
André Junges 05 дек. 2013, в 16:17
0

@Dan>> >> Я хочу, чтобы пользователь вручную вводил данные, когда выбрано текстовое поле (не выбирая никакой опции, которая будет автоматически заполнять данные в текстовом поле). Плюс текстовое поле должно быть в списке.
Rajarshi Sarkar 05 дек. 2013, в 16:19
0

@RajarshiSarkar>> >> В простом HTML вы не можете этого сделать. Возможно, вы сможете сделать это с помощью пользовательского элемента управления, написанного и установленного на сервере, или может быть библиотека JS, которая может это сделать. Очень похоже на ответ RUJordan.
Dan Iveson 05 дек. 2013, в 16:41

Показать ещё 7 комментариев

Теги:

javascript

html

html5

1 ответ

Ещё вопросы

Помимо создания пользовательского списка выбора, <option> в select не может этого сделать. Они могут иметь только текст в них
Вы не сможете напрямую добавить вход в качестве опции в выбор. Решение зависит от ваших потребностей. Вы предлагаете пользователю варианты, но хотите, чтобы он мог ввести пользовательское значение, не так ли?
type="textbox" не является допустимым типом для <input> .
@Jamie Read >> Хорошо, тогда как построить такой список?
Смотрите этот существующий вопрос: stackoverflow.com/questions/14614702/…
Вы можете использовать ivaynberg.github.io/select2
@Dan>> >> Я хочу, чтобы пользователь вручную вводил данные, когда выбрано текстовое поле (не выбирая никакой опции, которая будет автоматически заполнять данные в текстовом поле). Плюс текстовое поле должно быть в списке.
@RajarshiSarkar>> >> В простом HTML вы не можете этого сделать. Возможно, вы сможете сделать это с помощью пользовательского элемента управления, написанного и установленного на сервере, или может быть библиотека JS, которая может это сделать. Очень похоже на ответ RUJordan.

OlivierH · Accepted Answer · 2013-12-05T13-39-00.000Z

Вы не сможете сделать это со стандартным элементом выбора.

Вы можете использовать UI javascript librairies для использования пользовательских элементов управления. То, что вам нужно здесь, обычно называется автозаполнением.

Этот элемент управления представляет собой комбинацию между полем со списком и текстовым вводом. Вы можете выбрать опцию с помощью мыши, как вы бы сделали с классическим выбором, но вы также можете использовать клавиатуру для фильтрации результатов.

Вот пример того, о чем я говорю. Это демонстрационная страница библиотеки jQuery UI. Вы можете увидеть здесь автозаполнение в действии. В демонстрационном соединении нет кнопки для клика, чтобы отобразить список опций. Взгляните на демонстрацию combobox.

Играя с этим, вы сможете иметь combobox, в котором вы сможете вводить пользовательские значения.

В сети есть много таких библиотек, которые доступны в сети. Вот список википедий.

Демонстрация комбинированного списка ( jqueryui.com/autocomplete/#combobox ) была очень полезна. Благодарю.