HTML5: Как обратиться к элементу списка данных, который содержит предопределенные параметры для элемента ввода?

Последнее обновление 01 декабря 2018 10:41:36 (UTC / GMT +8 часов)

script1adsense2code

script1adsense3code

Решение:

HTML-код:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
   <title>How to refer to a datalist element 
that contains pre-defined options for an input 
element</title>
</head>
<body>
<form method="post" 
action="http://wkodesource.top/html-css-
exercise/basic/solution/input-list-answer-
demo.php">
  <input list="animal" name="animal">
  <datalist id="animal">
    <option value="Lion">
    <option value="Tiger">
    <option value="Elephant">
    </datalist>
  <input type="submit">
</form>
</body>
</html>

Демонстрация в реальном времени:

См. Ручка ввода-списка-ответа от w3resource ( @ w3resource ) на CodePen .

Посмотреть решение в браузере

Поддерживаемый браузер