CSS 单独的日期字段

CSS Separate Date Fields

我刚开始前端开发,我想知道如何在表单的日期部分实现这样的功能?

它只是普通的 <select> 标签吗?或者我可以使用 CSS 自定义 <input type="date"> 吗?

在那个特定的例子中,它们看起来像三个 <select> 并排放置的盒子

当使用 <input type="date" /> 时,它显示为带有日历图标(取决于浏览器)的日期,这将产生一个日历弹出窗口

type='date' 将始终显示带有标签 mm/dd/yyyy

的输入框

这些是 3 个独立的 select 盒子。

你可以自定义日期,为此你还需要修改它的整个说明符和事件。

我使用了 <select> 标签和 JS 来验证日期和年份。

参考:Dynamic Date Select (Php/JS)