HTML5 输入日期，最大不工作 Firefox

Question

我正在尝试向我的 HTML5 输入元素添加一个最大日期。它在 chrome 中运行良好，并且在 Firefox 中运行。在 Firefox 中，我设置了最大值，当使用 GUI 进行日期选择器时，我无法选择超过它的日期。但是如果我输入一个日期，它仍然可以超过最大限制。有办法解决吗？

<input class="form-control me-md-5" type="date" max="2999-12-31" name="noteDate" id="noteDate" />

Answer 1

您可以输入一个大于最大值的值，但是当您尝试提交包含该输入的表单时，您会收到一条错误消息。

据我所知，Firefox 92 中的行为与 Chrome 94 中的行为没有什么不同，Chrome 94 还允许您输入最大值之后的日期，并且在您提交表单之前不会显示错误。

如果需要更多反馈，可以在值无效时使用the :invalid pseudo-class将样式应用于控件。