loader

Элемент <datalist> Создает список вариантов, которые можно выбирать при наборе в текстовом поле. Изначально этот список скрыт и становится доступным при нажатии или наборе текста. Список, создаваемый тегом <datalist>, связывается с текстовым полем посредством атрибута id его значение должно совпадать со значением атрибута <list> тега <input>.

<datalist> տարրը ստեղծում է ընտրանքների ցանկ, որոնք կարող են ընտրվել տեքստային վանդակում մուտքագրելիս: Սկզբում այս ցուցակը թաքնված է և հասանելի է դառնում, երբ սեղմում եք բաժնին կամ մուտքագրում եք որևէ տեքստ: <datalist> թեգի կողմից ստեղծված ցանկը կապված է տեքստային դաշտի հետ id հատկանիշի միջոցով, որի արժեքը պետք է համապատասխանի <list> թեգի <input> հատկանիշի արժեքին:

Синтаксис

Գրելաձև

<datalist id="Имя" >
<option value="Значение">
</datalist>
<datalist id="Անուն" >
<option value="նշանակություն">
</datalist>

Пример

Օրինակ

See the Pen datalist by Erik Egnatosyan (@SansaciaCodenyx) on CodePen.

⇓Результат данного примера показан на рисунке⇓

⇓Այս օրինակի արդյունքը ցույց է տրված նկարում⇓

wbr image
Поддержка браузера дляԲրաուզերի աջակցությունը <datalist> элемента տարրին
Browser IE Edge Chrome Firefox Safari Opera
Version 10+ 79+ 69+ 4+ 12.1+ 10+