Загрузка...

HTML Datalist

datalist подсказывает значения, не запирая в списке.

Прямой ответ

<datalist id> и <option value>. На input — list=id.

Input with datalist suggestions

html
HTML Code
<label for="browser">Browser</label>
<input id="browser" name="browser" list="browsers" placeholder="Type or choose">
<datalist id="browsers">
<option value="Firefox">
<option value="Chrome">
<option value="Edge">
<option value="Safari">
</datalist>

Попробуйте

  1. list
  2. четыре option
  3. ввод/выбор
  4. сравнить с select

Типичные ошибки

  • несовпадение id
  • как select
  • без label

Кратко

  • datalist подсказывает
  • list+id
  • свой текст
  • select фиксирует

🧠 Проверьте Свои Знания

Готов к Началу

Проверьте Свои Знания

Бросьте себе вызов с помощью этой интерактивной викторины и узнайте, насколько хорошо вы понимаете тему

❓
4
Вопросы
🎯
70%
Для Прохождения
♾️
∞
Время
🔄
∞
Попытки

📝 Инструкции

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