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`.