Различия

Показаны различия между двумя версиями страницы.

--- html_tegi [2023/10/05 18:33]
tro [select]
+++ html_tegi [2023/10/28 18:49] (текущий)
tro
@@ Строка 212: / Строка 212: @@
   * тобі просто потрібен загальний контейнер для оформлення;
   * не виходить дати групі тегів окреме ім'я, що повністю описує вміст.
+===== Aria-label =====
+помогает присвоить компоненту заголовок, который видим исключительно программам чтения с экрана (скринридерам). Например, вы разместили в интерфейсе кнопку редактирования с иконкой карандаша.
 ===== form =====
 Для створення форм і т.д.
@@ Строка 356: / Строка 358: @@
 }
 </code>
+===== fieldset  =====
+це контейнер для групування декількох пов'язаних елементів у формі, а вкладений legend виконує роль заголовка групи. Пов'язані радіокнопки та чек-бокси завжди повинні бути згруповані. Інші типи полів групуються за потребою.
+<code>
+<form>
+  <fieldset>
+    <legend>Заголовок групи</legend>
+    <!-- Група інтерактивних елементів -->
+  </fieldset>
+  <fieldset>
+    <legend>Заголовок групи</legend>
+    !-- Група інтерактивних елементів -->
+  </fieldset>
+  <button type="submit">Submit</button>
+</form>
+</code>