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

HTML тег <input>

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

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


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


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

АтрибутChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
maxhtml5ДаДаДаДа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 max = "number | date">

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

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

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

Атрибут maxhtml5 считается новым в 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>