Skip to content

Commit

Permalink
update(HTML): web/html/element/input/checkbox (#2964)
Browse files Browse the repository at this point in the history
* 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>
  • Loading branch information
undead404 and KlashReik committed Apr 26, 2024
1 parent 30cfad3 commit 7b8ff66
Showing 1 changed file with 4 additions and 4 deletions.
8 changes: 4 additions & 4 deletions files/uk/web/html/element/input/checkbox/index.md
Expand Up @@ -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`.
Ця властивість має небагато випадків застосування. Найпоширеніший – коли поле "володіє" низкою підваріантів (що також є полями для галочки). Якщо усі підваріанти – обрані, то поле-власник також має галочку, а якщо всі вони галочки не мають, то поле-власник також є порожнім. Якщо один чи більше підваріантів мають інший стан, ніж решта, то поле-власник перебуває в невизначеному стані.

Expand Down Expand Up @@ -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`.
Expand Down

0 comments on commit 7b8ff66

Please sign in to comment.