From b185ce2579ec46ec5b23f6068a88637e0bace41e Mon Sep 17 00:00:00 2001 From: Vitalii Perehonchuk Date: Sun, 14 May 2023 17:31:14 +0300 Subject: [PATCH 001/541] translation(HTML): web/html/element/datalist --- files/uk/web/html/element/datalist/index.md | 180 ++++++++++++++++++++ 1 file changed, 180 insertions(+) create mode 100644 files/uk/web/html/element/datalist/index.md diff --git a/files/uk/web/html/element/datalist/index.md b/files/uk/web/html/element/datalist/index.md new file mode 100644 index 0000000000..33b0d69875 --- /dev/null +++ b/files/uk/web/html/element/datalist/index.md @@ -0,0 +1,180 @@ +--- +title: ": Елемент HTML списку даних" +slug: Web/HTML/Element/datalist +page-type: html-element +browser-compat: html.elements.datalist +--- + +{{HTMLSidebar}} + +Елемент [HTML](/uk/docs/Web/HTML) **``** (список даних) уміщає набір елементів {{HTMLElement("option")}}, що представляють допустимі або рекомендовані варіанти, доступні для вибору в інших контрольних елементах. + +{{EmbedInteractiveExample("pages/tabbed/datalist.html", "tabbed-standard")}} + +Щоб зв'язати елемент `` з контрольним елементом, йому задається унікальний ідентифікатор в атрибуті [`id`](/uk/docs/Web/HTML/Global_attributes/id), а потім до елемента {{HTMLElement("input")}}додається атрибут [`list`](/uk/docs/Web/HTML/Element/input#list-spysok) з таким же ідентифікатором як своїм значенням. +Лише певні типи {{HTMLElement("input")}} підтримують таку логіку, а ще ця логіка може відрізнятися в різних браузерах. + +> **Примітка:** Елемент `