diff --git a/2-ui/4-forms-controls/1-form-elements/article.md b/2-ui/4-forms-controls/1-form-elements/article.md index b3bbfd313..4b2294d87 100644 --- a/2-ui/4-forms-controls/1-form-elements/article.md +++ b/2-ui/4-forms-controls/1-form-elements/article.md @@ -59,6 +59,7 @@ alert(ageElems[0]); // [object HTMLInputElement] Ці властивості навігації не залежать від структури тегів в середині форми. Усі елементи керування, незалежно від того, наскільки глибоко вони розташовані у формі, доступні в колекції `form.elements`. + ````smart header="Елементи `
` як \"підформи\"" Форма може містити всередині один або кілька елементів `
`. Вони також мають властивість `elements`, яка містить колекцію елементів керування всередині них. @@ -119,6 +120,7 @@ alert(ageElems[0]); // [object HTMLInputElement] ``` Однак це зазвичай не проблема, оскільки ми рідко змінюємо імена елементів форми. + ```` ## Зворотне посилання: element.form @@ -158,8 +160,8 @@ alert(ageElems[0]); // [object HTMLInputElement] Ось так: ```js -input.value = "New value"; -textarea.value = "New text"; +input.value = "Нове значення"; +textarea.value = "Новий текст"; input.checked = true; // для чекбокса або перемикача (radio button) ``` @@ -249,14 +251,14 @@ option = new Option(text, value, defaultSelected, selected); Ось, наприклад, створення нової "невибраної" опції: ```js -let option = new Option("Text", "value"); -// створює +let option = new Option("Текст", "value"); +// створює ``` Та сама опція, але обрана: ```js -let option = new Option("Text", "value", true, true); +let option = new Option("Текст", "value", true, true); ``` Елементи `