From 7b8ff6645412f159504f99efab41ed7925713bfe Mon Sep 17 00:00:00 2001 From: Vitalii Perehonchuk Date: Fri, 26 Apr 2024 14:55:12 +0300 Subject: [PATCH] update(HTML): web/html/element/input/checkbox (#2964) * update(HTML): web/html/element/input/checkbox * Update files/uk/web/html/element/input/checkbox/index.md Co-authored-by: KlashReik <107769156+KlashReik@users.noreply.github.com> --------- Co-authored-by: KlashReik <107769156+KlashReik@users.noreply.github.com> --- files/uk/web/html/element/input/checkbox/index.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/files/uk/web/html/element/input/checkbox/index.md b/files/uk/web/html/element/input/checkbox/index.md index 7b128a0f0..1a46b20d1 100644 --- a/files/uk/web/html/element/input/checkbox/index.md +++ b/files/uk/web/html/element/input/checkbox/index.md @@ -109,13 +109,15 @@ browser-compat: html.elements.input.type_checkbox ### Поля для галочок з невизначеним станом -На додачу до присутності й відсутності галочки, є третій стан, в котрому може бути таке поле: **невизначений**. Це стан, в котрому неможливо з'ясувати, є елемент позначеним чи ні. Він встановлюється за допомогою властивості `indeterminate` об'єкта {{domxref("HTMLInputElement")}} об'єкта, через JavaScript (за допомогою атрибута HTML встановити не можна): +Поле для галочки може перебувати в **невизначеному** стані. Він задається за допомогою властивості `indeterminate` об'єкта {{domxref("HTMLInputElement")}} об'єкта, через JavaScript (за допомогою атрибута HTML встановити не можна): ```js inputInstance.indeterminate = true; ``` -Поле для галочки, що перебуває в невизначеному стані, у більшості випадків має замість галочки у своїй рамці горизонтальну лінію (щось типу дефіса чи знаку мінуса). +Поле для галочки, чия властивість `indeterminate` має значення `true`, у більшості браузерів замість галочки має у своїй рамці горизонтальну лінію (щось типу дефіса чи знаку мінуса). + +> **Примітка:** Це суто декоративна зміна. Це не впливає на те, чи використовується `value` поля при поданні форми. На таке рішення впливає стан `checked`, незалежно від стану `indeterminate`. Ця властивість має небагато випадків застосування. Найпоширеніший – коли поле "володіє" низкою підваріантів (що також є полями для галочки). Якщо усі підваріанти – обрані, то поле-власник також має галочку, а якщо всі вони галочки не мають, то поле-власник також є порожнім. Якщо один чи більше підваріантів мають інший стан, ніж решта, то поле-власник перебуває в невизначеному стані. @@ -162,8 +164,6 @@ function updateDisplay() { {{EmbedGHLiveSample("learning-area/html/forms/indeterminate-example/index.html", '100%', 200)}} -> **Примітка:** Якщо подати форму з полем для галочки у невизначеному стані, то відбудеться те саме, що і коли поле не має галочки: жодні дані не представлятимуть поле у поданій формі. - ## Валідація Поля для галочки підтримують [валідацію](/uk/docs/Web/HTML/Constraint_validation) (доступну всім елементам {{HTMLElement("input")}}). Втім, більшість значень {{domxref("ValidityState")}} завжди буде `false`. Якщо таке поле має атрибут [`required`](/uk/docs/Web/HTML/Element/input#required-oboviazkovyi), але не має галочки, то {{domxref("ValidityState.valueMissing")}} буде `true`.