Атрибут minhtml5 HTML тега <input>

HTML тег <input>

Значение и применение

Атрибут minhtml5 (HTML тега <input>) определяет минимальное значение для элемента (значение может быть как числовым, так и в виде даты).


Используйте атрибут minhtml5 вместе с атрибутом maxhtml5 (максимальное значение для элемента), чтобы создать диапазон допустимых значений.


Поддержка браузерами

АтрибутChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
minhtml5ДаДаДаДа10.0Да

Обратите внимание на то, что в настоящее время не все браузеры поддерживают следующие типы (атрибут type) элемента <input>:

ЗначениеChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
datehtml520.0Нет10.1НетНет12.0
datetime-localhtml520.0Нет10.1НетНет13.0
monthhtml520.0Нет10.1НетНет12.0
timehtml520.0Нет10.1НетНет13.0
weekhtml520.0Нет10.1НетНет12.0
numberhtml56.029.010.15.010.012.0
rangehtml54.023.010.13.110.012.0

Синтаксис:

<input min = "number | date">

Значения атрибута

ЗначениеОписание
numberУказывает минимальное допустимое числовое значение.
dateУказывает минимальное допустимое значение даты.

Отличия HTML 4.01 от HTML 5

Атрибут minhtml5 считается новым в HTML 5.

Пример использования

<!DOCTYPE html>
<html>
	<head>
		<title>Использование атрибутов min и max HTML тега <input></title>
	</head>
	<body>
		<form> <!-- создаем форму -->
			<label>Туда (от 1 по 10 января 2018): <input type = "date" name = "tudy" min = "2018-01-01" max = "2018-01-10"></label><br> <!-- элемент управления для ввода даты -->
			<label>Обратно (от 11 по 20 февраля 2018): <input type = "date" name = "syudy" min = "2018-02-11" max = "2018-02-20"></label><br> <!-- элемент управления для ввода даты -->
			<label>Трезвых пассажиров (от 1 до 5):  <input type = "number" name = "alcoFree" min = "1" max = "5"></label><br><br> <!-- элемент управления для ввода числового значения -->
			<input type = "submit" value = "отправить" formaction = "script.php"> <!-- элемент управления для отправки формы -->
		</form>
	</body>
</html>

В данном примере мы создали форму (HTML тег <form>). Внутри формы мы поместили два элемента управления <input>, которые позволяют установить дату, один элемент, который позволяет установить число и один элемент, который позволяет отправить нашу форму.

Для элемента с числовым типом и элемента управления для ввода даты атрибутами minhtml5 и maxhtml5 установили диапазон допустимых значений для ввода числа, и дат.

Кроме того, для элемента, который позволяет отправить форму атрибутом formactionhtml5 указали URL файла, который будет обрабатывать (контролировать) входную информацию после отправки формы (script.php).

Результат нашего примера:

Пример использования атрибутов min и max HTML тега <input>
Пример использования атрибутов min и max HTML тега <input>
HTML тег <input>