Тег input, атрибут min

Содержание

Атрибут HTML:min
Syntax
Влияние на шаг
Accessibility concerns
Specifications
HTML attribute: min
Syntax
Impact on step
Accessibility concerns
Specifications
Browser compatibility
html.elements.input.min
html.elements.meter.min
See also
Found a content problem with this page?
MDN
Support
Our communities
Developers
Атрибут min
Синтаксис
Значения
Значение по умолчанию
Типы тегов

Атрибут HTML:min

Атрибут min определяет минимальное значение, приемлемое и допустимое для входных данных, содержащих этот атрибут. Если value элемента меньше этого, элемент не проходит проверку ограничения . Это значение должно быть меньше или равно значению атрибута max .

Некоторые типы ввода имеют минимум по умолчанию. Если входные данные не имеют минимума по умолчанию и для min указано значение, которое не может быть преобразовано в допустимое число (или минимальное значение не установлено), входные данные не имеют минимального значения.

Он действителен для типов ввода, включая: date , month , week , time , datetime-local , числовые и диапазонные типы, а также элемент .

Syntax

Синтаксис для min значений по type ввода

Input type	Example	Example
date	yyyy-mm-dd
month	yyyy-mm
week	yyyy-W##
time	hh:mm
datetime-local	yyyy-mm-ddThh:mm
number
range

Примечание. Если данные, введенные пользователем, не соответствуют установленному минимальному значению, значение считается недействительным при проверке ограничения и будет соответствовать псевдоклассам :invalid и :out-of-range .

Дополнительные сведения см. В rangeUnderflow на стороне клиента и rangeUnderflow .

Влияние на шаг

Значения min и step определяют допустимые значения, даже если атрибут step не включен, поскольку step по умолчанию равен 0 .

Мы добавляем большую красную рамку вокруг недействительных входов:

input:invalid < border: solid red 3px; >

Затем определите вход с минимальным значением 7,2,опустив атрибут step,где он по умолчанию равен 1.

input id="myNumber" name="myNumber" type="number" min="7.2" value="8">

Поскольку step умолчанию равен 1, допустимые значения включают 7.2 , 8.2 , 9.2 и т. Д. Значение 8 недействительно. Поскольку мы включили недопустимое значение, поддерживающие браузеры покажут это значение как недопустимое.

Если явно не указано, step умолчанию равен 1 для number и range и 1 тип единицы (секунда, неделя, месяц, день) для типов ввода даты / времени.

Accessibility concerns

Предоставьте инструкции, чтобы помочь пользователям понять, как заполнять форму и использовать отдельные элементы управления формы. Укажите все обязательные и необязательные входные данные, форматы данных и другую соответствующую информацию. При использовании атрибута min убедитесь, что это минимальное требование понятно пользователю. Предоставления инструкций внутри может быть достаточно. Если вы предоставляете инструкции вне меток, что обеспечивает более гибкое позиционирование и дизайн, рассмотрите возможность использования aria-labelledby или aria-describedby .

Specifications

Источник

HTML attribute: min

The min attribute defines the minimum value that is acceptable and valid for the input containing the attribute. If the value of the element is less than this, the element fails validation. This value must be less than or equal to the value of the max attribute.

Some input types have a default minimum. If the input has no default minimum and a value is specified for min that can’t be converted to a valid number (or no minimum value is set), the input has no minimum value.

It is valid for the input types including: date, month, week, time, datetime-local, number and range types, and the element.

Syntax

Syntax for min values by input type

Input type	Syntax	Example
date	yyyy-mm-dd
month	yyyy-mm
week	yyyy-W##
time	hh:mm
datetime-local	yyyy-mm-ddThh:mm
number
range

Note: When the data entered by the user doesn’t adhere to the min value set, the value is considered invalid in constraint validation and will match the :invalid and :out-of-range pseudo-classes.

Syntax for min values for other elements

Input type	Syntax	Example
		at 40/100

Impact on step

The value of min and step define what are valid values, even if the step attribute is not included, as step defaults to 0 .

We add a big red border around invalid inputs:

input:invalid  border: solid red 3px; >

Then define an input with a minimum value of 7.2, omitting the step attribute, wherein it defaults to 1.

input id="myNumber" name="myNumber" type="number" min="7.2" value="8" />

Because step defaults to 1, valid values include 7.2 , 8.2 , 9.2 , and so on. The value 8 is not valid. As we included an invalid value, supporting browsers will show the value as invalid.

If not explicitly included, step defaults to 1 for number and range , and 1 unit type (second, week, month, day) for the date/time input types.

Accessibility concerns

Provide instructions to help users understand how to complete the form and use individual form controls. Indicate any required and optional input, data formats, and other relevant information. When using the min attribute, ensure this minimum requirement is understood by the user. Providing instructions within the may be sufficient. If providing instructions outside of labels, which allows more flexible positioning and design, consider using aria-labelledby or aria-describedby .

Specifications

Browser compatibility

html.elements.input.min

BCD tables only load in the browser

html.elements.meter.min

BCD tables only load in the browser

MDN

Support

Our communities

Developers

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998– 2023 by individual mozilla.org contributors. Content available under a Creative Commons license.

Источник

Атрибут min

Устанавливает нижнее значение для ввода числа или даты в поле формы.

Синтаксис

Значения

Целое положительное или отрицательное число (для type = «number» , type = «range» ).

Дата в формате ГГГГ-ММ-ДД (например: 2012-12-22) для type = «date» .

Значение по умолчанию

       Укажите температуру в градусах Цельсия

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.