html - 可选时间 <需要输入类型 ="datetime-local">

Question

可以仅为时间设置默认值，也可以将时间设置为可选的日期时间本地输入(请参阅本文作为引用:MDN web-docs):

<input type="datetime-local" value="2017-06-01T08:30" required/>

如何仅预加载时间或使时间而不是日期可选，例如。例如:

<input type="datetime-local" value="YYYY-MM-DDT12:05" required/>

这应该看起来像这样:

Answer 1

似乎无法在单个 datetime 输入中完成此操作，但您可以为时间输入设置默认值，因此请使用空的 date 输入和使用默认值的 time 输入，然后使用一些 CSS 使它们看起来像是一个输入。

#time{
  border-left:0px;
  margin-left: -6px;
}
#time{
  border-left:0px;
  margin-left: -6px;
}
#date{
  border-right:0px;
}
*:focus {
    outline: none;
}

<input type="date" required id="date">
<input type="time" required value="07:30:00" id="time">