update(HTML): web/html/element/input (#3387)

* update(HTML): web/html/element/input * Update files/uk/web/html/element/input/index.md Co-authored-by: Alina Listunova <[email protected]> --------- Co-authored-by: Alina Listunova <[email protected]>
webdoky · Oct 26, 2024 · 1fc5400 · 1fc5400
1 parent dab3e09
commit 1fc5400
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/files/uk/web/html/element/input/index.md b/files/uk/web/html/element/input/index.md
@@ -1,13 +1,13 @@
 ---
-title: "<input>: Елемент введення (форм)"
+title: <input> – Елемент поля HTML
 slug: Web/HTML/Element/input
 page-type: html-element
 browser-compat: html.elements.input
 ---
 
 {{HTMLSidebar}}
 
-Елемент [HTML](/uk/docs/Web/HTML) **`<input>`** використовується для створення інтерактивних засобів керування у вебформах, щоб приймати дані від користувача; доступно широке розмаїття типів даних введення та контрольних віджетів, залежно від пристрою та {{Glossary("User agent", "користувацького агента")}}. Елемент `<input>` – один із найпотужніших та найскладніших у всій HTML, тому що має безліч комбінацій типів введення та атрибутів.
+Елемент [HTML](/uk/docs/Web/HTML) **`<input>`** (поле, введення) використовується для створення інтерактивних засобів керування у вебформах, щоб приймати дані від користувача; доступно широке розмаїття типів даних введення та контрольних віджетів, залежно від пристрою та {{Glossary("User agent", "користувацького агента")}}. Елемент `<input>` – один із найпотужніших та найскладніших у всій HTML, тому що має безліч комбінацій типів введення та атрибутів.
 
 {{EmbedInteractiveExample("pages/tabbed/input-text.html", "tabbed-shorter")}}
 
@@ -517,9 +517,12 @@ browser-compat: html.elements.input
 
 - [`pattern`](/uk/docs/Web/HTML/Attributes/pattern) (патерн)
 
-  - : Чинний для полів типів `text`, `search`, `url`, `tel`, `email` і `password` атрибут `pattern` – регулярний вираз, котрому повинно відповідати значення [`value`](#value-znachennia) поля введення, щоб пройти [валідацію обмежень](/uk/docs/Web/HTML/Constraint_validation). Значенням атрибута має бути дійсний регулярний вираз JavaScript, такий, як використовується типом {{jsxref("RegExp")}} і як документовано у наших [настановах із регулярних виразів](/uk/docs/Web/JavaScript/Guide/Regular_expressions). При компіляції регулярного виразу автоматично вказується прапорець `'u'`, тож схема розглядається як послідовність кодових точок Unicode, а не як {{Glossary("ASCII")}}. Текст схеми не повинен бути оточений рисками.
+  - : Чинний для полів типів `text`, `search`, `url`, `tel`, `email` і `password` атрибут `pattern` використовується для компілювання регулярного виразу, котрому повинно відповідати значення [`value`](#value-znachennia) поля введення, щоб пройти [валідацію обмежень](/uk/docs/Web/HTML/Constraint_validation). Значенням атрибута має бути дійсний регулярний вираз JavaScript, такий, як використовується типом {{jsxref("RegExp")}} і як документовано у наших [настановах із регулярних виразів](/uk/docs/Web/JavaScript/Guide/Regular_expressions). Текст схеми не повинен бути оточений рисками. Під час компілювання регулярного виразу:
 
-    Якщо атрибут `pattern` присутній, але не має значення, або має недійсне значення, то регулярний вираз не застосовується, і такий атрибут цілком ігнорується. Якщо атрибут з патерном дійсний, і непусте значення поля введення не відповідає йому, то валідація обмежень перешкодить поданню форми.
+    1. патерн неявно загортається в `^(?:` і `)$`, тож збіг вимагається щодо _всього_ введеного значення: `^(?:<pattern>)$`.
+    2. задається прапорець `'v'`, тож патерн розглядається як послідовність кодових точок Unicode, а не як {{Glossary("ASCII")}}.
+
+    Якщо атрибут `pattern` присутній, але не має значення, або має невалідне значення, то регулярний вираз не застосовується і такий атрибут цілком ігнорується. Якщо атрибут з патерном валідний і непусте значення поля введення не відповідає йому, то валідація обмежень перешкодить поданню форми. Якщо присутній атрибут [`multiple`](/uk/docs/Web/HTML/Attributes/multiple), то скомпільований регулярний вираз зіставляється з кожним зі значень, розділених комами.
 
     > [!NOTE]
     > При використанні атрибута `pattern` слід повідомити користувача про очікуваний формат за допомогою пояснювального тексту поруч. Також можна використати атрибут [`title`](#title-zaholovok) для пояснення вимог для відповідності схемі; більшість браузерів покажуть цей атрибут як підказку. Візуальне пояснення необхідне для доступності, підказка – лише поліпшення.