将我的日期输入限制为只接受4‘年的变量，而不是6

Question

我正在创建一个包含日期输入字段的表单。我已经成功地将其设置为yyyyyy格式，但是，在输入日期时，我的年将接受6个值，例如yyyyyy。这造成了两种糟糕的用户体验。

如果用户只想输入日期为"2020-01-18“的日期，则当用户键入日期为"202001-12-01”时，该年接受了年份和月份的值，而月份值默认为"12“，因为日期值"18”被输入，而最终的日期值是当前日期。如果用户键入"2020“，然后点击选项卡进入月份，它将成功导航到他们输入"12”的日期字段。但是，如果/当他们再次点击选项卡进入当天，它将把它们发送到下一个输入字段，而不是日期，因为当输入光标被填充到day字段时，我的当前设置将从月份字段移动它。

日期输入字段的代码是：

HTML + PHP

<!-- Date of Birth -->
    <label for="dateOfBirth">Date of Birth</label>
    <span class="Error">* <?php echo $dateOfBirthErr; ?></span>
    <br>
    <input type="date" id="dateOfBirth" name="dateOfBirth" value="<?php echo date('Y-m-d'); ?>" />

在每个浏览器上都会出现同样的问题。谢谢，阿诺约尼，谢谢你的帮助！

Answer 1

所做的工作是向日期选择器添加一个max=值。

​

    <input type="date" id="dateOfBirth" name="dateOfBirth" 
    value="2019-01-17" max="9999-12-31"/>

​

此示例将防止在字段中提交任何5或6位数字日期，用户将被迫在提交之前更正其明显的错误。