Различия

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

--- software:development:web:docs:web:html:attributes:max [2023/08/31 13:59] – создано vladpolskiy
+++ software:development:web:docs:web:html:attributes:max [2023/08/31 14:34] (текущий) – vladpolskiy
@@ Строка 19: / Строка 19: @@
 |[[software:development:web:docs:Web:HTML:Element:input:Number|Number]]	|[[software:development:web:docs:Web:CSS:number|<number>]]	|<input type="number" min="0" step="5" max="100">|
 |[[software:development:web:docs:Web:HTML:Element:input:Range|Range]]	|[[software:development:web:docs:Web:CSS:number|<number>]]	|<input type="range" min="60" step="5" max="100">|
+<html>
+<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/tabbed/attribute-max-1.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
+</iframe>
+</html>
 <WRAP left round info 100%>
@@ Строка 36: / Строка 41: @@
 |[[software:development:web:docs:Web:HTML:Element:meter|<meter>]] |[[software:development:web:docs:Web:CSS:number|<number>]]	|<meter id="fuel" min="0" max="100" low="33" high="66" optimum="80" value="40"> at 40/100</meter>|
-=====Проблемы доступности=====
-Предоставьте инструкции, которые помогут пользователям понять, как заполнять форму и использовать отдельные элементы управления формой. Укажите все необходимые и необязательные входные данные, форматы данных и другую соответствующую информацию. При использовании ''max'' атрибута убедитесь, что это максимальное требование понятно пользователю. Предоставления инструкций внутри [[software:development:web:docs:Web:HTML:Element:label:rangeOverflow|<label>]] может быть достаточно. Если вы предоставляете инструкции вне этикеток, что обеспечивает более гибкое позиционирование и дизайн, рассмотрите возможность использования [[software:development:web:docs:Web:Accessibility:ARIA:Attributes:aria-labelledby|aria-labelledby]] или [[software:development:web:docs:Web:Accessibility:ARIA:Attributes:aria-describedby|aria-describedby]].
-/////////////////////////////////////////////////////////
 <html>
-<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/tabbed/attribute-for.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
+<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/tabbed/attribute-max.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
 </iframe>
 </html>
-При использовании в качестве атрибута [[software:development:web:docs:Web:HTML:Element:output|<output>]] атрибут ''for'' имеет значение, которое представляет собой разделенный пробелами список значений ''id'' элементов, которые используются для создания выходных данных.
+=====Проблемы доступности=====
+Предоставьте инструкции, которые помогут пользователям понять, как заполнять форму и использовать отдельные элементы управления формой. Укажите все необходимые и необязательные входные данные, форматы данных и другую соответствующую информацию. При использовании ''max'' атрибута убедитесь, что это максимальное требование понятно пользователю. Предоставления инструкций внутри [[software:development:web:docs:Web:HTML:Element:label:rangeOverflow|<label>]] может быть достаточно. Если вы предоставляете инструкции вне этикеток, что обеспечивает более гибкое позиционирование и дизайн, рассмотрите возможность использования [[software:development:web:docs:Web:Accessibility:ARIA:Attributes:aria-labelledby|aria-labelledby]] или [[software:development:web:docs:Web:Accessibility:ARIA:Attributes:aria-describedby|aria-describedby]].
-<html>
-<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/tabbed/attribute-for-1.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
-</iframe>
-</html>
-В следующем примере форма предоставляет ползунок, значение которого может находиться в диапазоне от 0и 100, а также [[software:development:web:docs:Web:HTML:Element:input|<input>]] элемент, в который можно ввести второе число. Два числа складываются, и результат отображается в элементе [[software:development:web:docs:Web:HTML:Element:output|<output>]] каждый раз, когда изменяется значение любого из элементов управления.
-=====Примеры=====
-Использование атрибута для элементов [[software:development:web:docs:Web:HTML:Element:label|<label>]] и [[software:development:web:docs:Web:HTML:Element:output|<output>]].
-<html>
-<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/tabbed/label.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
-</iframe>
-</html>
-<html>
-<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/tabbed/attribute-for-2" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
-</iframe>
-</html>