將我的日期輸入限制為僅接受 4 個“年份”變量而不是 6 個

Question

我正在創建一個包含日期輸入字段的表單。 我已經成功地將它設置為采用 yyyy-mm-dd 格式，但是，當輸入指向年份的日期時，我的年份將接受六個值，例如 yyyyyy-mm-dd。 這會造成兩種糟糕的用戶體驗。

1. 如果用戶想簡單地輸入他們的日期“2020-01-18”，那么當他們輸入它時，它最終會是“202001-12-01”年份已經接受了年和月的值，然后默認的月值到“12”，因為輸入了日期值“18”，而日期值最終是當前日期。
2. 如果用戶輸入他們的年份“2020”，然后點擊 Tab 轉到月份，它將成功導航到他們輸入“12”的日期字段。 但是，如果/當他們再次點擊 Tab 轉到日期時，它會將它們發送到下一個輸入字段而不是日期，因為我當前的設置會將輸入光標從月份字段填充到日期后移動場地。

我的日期輸入字段代碼是：

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 位數字的日期，用戶將被迫在提交前更正他們明顯的錯字。