Различия

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

@@ Строка 1: / Строка 1: @@
+====== HTML атрибут:  max (макс) ======
+Атрибут ''max'' определяет максимальное значение, которое является приемлемым и допустимым для входных данных, содержащих атрибут. Если значение [[software:development:web:docs:Web:HTML:Element:input#value|value]] элемента больше этого значения, элемент не проходит [[software:development:web:docs:Learn:Forms:Form_validation|проверку (validation)]]. Это значение должно быть больше или равно значению атрибута [[software:development:web:docs:Web:HTML:Attributes:min|min]]. Если maxатрибут присутствует, но не указан или недействителен, maxзначение не применяется. Если ''max'' атрибут действителен и непустое значение превышает максимально допустимое для ''max'' атрибута, проверка ограничения предотвратит отправку формы.
+Действителен для числовых типов ввода, включая типы [[software:development:web:docs:Web:HTML:Element:input:date|date]], [[software:development:web:docs:Web:HTML:Element:input:Month|Month]], [[software:development:web:docs:Web:HTML:Element:input:Week|Week]], [[software:development:web:docs:Web:HTML:Element:input:Time|Time]], [[software:development:web:docs:Web:HTML:Element:input:DateTime-local|DateTime-local]], [[software:development:web:docs:Web:HTML:Element:input:Number|Number]] и [[software:development:web:docs:Web:HTML:Element:input:Range|Range]], а также элементов [[software:development:web:docs:Web:HTML:Element:progress|<progress>]] и [[software:development:web:docs:Web:HTML:Element:meter|<meter>]]. Атрибут ''max'' представляет собой число, указывающее наиболее положительное значение, которое элемент управления формы считается действительным.
+Если значение превышает максимально допустимое значение, [[software:development:web:docs:Web:API:ValidityState:rangeOverflow|validityState.rangeOverflow]] будет true истина), и элемент управления будет соответствовать псевдоклассам [[software:development:web:docs:Web:CSS:out-of-range|:out-of-range]] и [[software:development:web:docs:Web:CSS:invalid|:invalid]].
+====Синтаксис====
+Синтаксис для **max** значений по вводу **type**
+{{tablelayout?colwidth="150px,150px"}}
+^Тип ввода	^Синтаксис	^Пример^
+|[[software:development:web:docs:Web:HTML:Element:input:date|date]]	|yyyy-mm-dd	|<input type="date" max="2019-12-25" step="1">|
+|[[software:development:web:docs:Web:HTML:Element:input:Month|Month]]	|yyyy-mm	|<input type="month" max="2019-12" step="12">|
+|[[software:development:web:docs:Web:HTML:Element:input:Week|Week]]	|yyyy-W##	|<input type="week" max="2019-W23" step="">|
+|[[software:development:web:docs:Web:HTML:Element:input:Time|Time]]	|hh:mm	|<input type="time" max="17:00" step="900">|
+|[[software:development:web:docs:Web:HTML:Element:input:DateTime-local|DateTime-local]]	|yyyy-mm-ddThh:mm	|<input type="datetime-local" max="2019-12-25T23:59">|
+|[[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%>
+**Примечание.** Если данные, введенные пользователем, не соответствуют установленному максимальному значению, значение считается недействительным при проверке ограничений и будет соответствовать псевдоклассам  [[software:development:web:docs:Web:CSS:out-of-range|:out-of-range]] и [[software:development:web:docs:Web:CSS:invalid|:invalid]]
+</WRAP>
+См. раздел [[software:development:web:docs:Web:HTML:Constraint_validation|Проверка на стороне клиента]] и [[software:development:web:docs:Web:API:ValidityState:rangeOverflow|rangeOverflow]] дополнительную информацию.
+Для [[software:development:web:docs:Web:HTML:Element:progress|<progress>]] элемента ''max'' атрибут описывает, сколько работы [[software:development:web:docs:Web:HTML:Element:progress|<progress>]] требует задача, указанная элементом. Если он присутствует, он должен иметь значение больше нуля и быть допустимым числом с плавающей запятой. Для [[software:development:web:docs:Web:HTML:Element:meter|<meter>]] элемента ''max'' атрибут определяет верхнюю числовую границу измеряемого диапазона. Оно должно быть больше минимального значения (''min'' атрибута), если оно указано. В обоих случаях, если он опущен, значение по умолчанию равно 1.
+Синтаксис **max** значений для **других элементов**
+{{tablelayout?colwidth="100px,100px"}}
+^Тип ввода	^Синтаксис	^Пример^
+|[[software:development:web:docs:Web:HTML:Element:progress|<progress>]]	|[[software:development:web:docs:Web:CSS:number|<number>]]	|<progress id="file" max="100" value="70"> 70% </progress>|
+|[[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>|
+<html>
+<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>
+=====Проблемы доступности=====
+Предоставьте инструкции, которые помогут пользователям понять, как заполнять форму и использовать отдельные элементы управления формой. Укажите все необходимые и необязательные входные данные, форматы данных и другую соответствующую информацию. При использовании ''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]].