Атрибут max тега <input> — найбільше значення поля

<form>
  <p><b>З використанням атрибуту max </b></p>
   <p>Вкажіть свою дату вильоту до Франції.</p>
   <p><input type="date" max="2019-04-02" /></p>
  </form> 

<form>
  <p><b>Без використання атрибуту max</b> </p>
   <p>Вкажіть свою дату вильоту до Франції.</p>
   <p><input type="date"/></p>
  </form>

HTML

<p><label for="a">number, max="10", значення 15 — поле хибне, але значення лишається</label></p>
<input id="a" type="number" max="10" value="15">

<p><label for="b">number, max="10", значення 5 — у межах</label></p>
<input id="b" type="number" max="10" value="5">

<p><label for="c">range, min="0" max="10", у розмітці записано 99 — обрізано до 10 одразу</label></p>
<input id="c" type="range" min="0" max="10" value="99">

<p><label for="d">number БЕЗ max і min — не :in-range і не :out-of-range</label></p>
<input id="d" type="number" value="500">

<p><label for="e">text із max="3" — атрибут не діє зовсім</label></p>
<input id="e" type="text" max="3" value="скільки завгодно символів">

<p><label for="f">number, max="abc" — межі немає, значення правильне</label></p>
<input id="f" type="number" max="abc" value="500">

<p><label for="g">number, max="10" і min="20" — і завелике, і замале водночас</label></p>
<input id="g" type="number" max="10" min="20" value="15">

<p><label for="h">number, max="10", значення 15, але readonly — перевірку знято</label></p>
<input id="h" type="number" max="10" value="15" readonly>

<p><label for="i">date, max="2026-08-01", значення пізніше — вийшло за межу</label></p>
<input id="i" type="date" max="2026-08-01" value="2026-09-01">

CSS

p {
    margin: 18px 0 4px;
    max-width: 600px;
}

label {
    font-weight: 600;
}

input {
    min-width: 300px;
    padding: 6px 8px;
    font: 15px/1.4 ui-monospace, monospace;
    border: 3px solid #b9c6d8;
    border-radius: 4px;
    background: #f4f5f7;
}

input:in-range {
    border-color: #3a9a4f;
    background: #f3fbf4;
}

input:out-of-range {
    border-color: #d64545;
    background: #fff4f4;
}

input:focus {
    outline: 2px solid #2f6fd0;
    outline-offset: 2px;
}