CSS 分隔日期字段答案

【问题标题】：CSS Separate Date FieldsCSS 分隔日期字段
【发布时间】：2016-07-18 16:03:46
【问题描述】：

我刚开始前端开发，我想知道如何在表单的日期部分实现这样的效果？

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

这些是 3 个单独的 select 框。

您可以自定义日期，因为您还需要修改其整个说明符和事件。

【讨论】：

【解决方案3】：

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

【讨论】：