Question

有人知道如何为mm-aaaa添加占位符input type month，就像我们使用input type date一样？我举了一个示例片段。

<body>
  <label for="month">Month: </label>
  <input type="month" placeholder="foo" name="foo" id="month">
  <label for="birth">Birth: </label>
  <input type="date" placeholder="foo" name="foo" id="birth">
</body>

我总是有--------个字符，我不知道如何更改它。

感谢的

Answer 1

我看起来在FF或IE中不支持这种输入类型（caniuse.com/#search=input%20date）

对于这些浏览器，似乎将type属性设置为text，其占位符可正常工作（正常）

对于Chrome（似乎支持它），它似乎不允许您合并这两个属性。

您可以伪造与下面类似的占位符，但在选择输入后，我还没有设法使值保持不变（并且占位符不会重新出现）。

input[type="month"]::before{
  content: attr(placeholder) !important;
  color: #aaa;
  width: 100%;
}

input[type="month"]:focus::before,
input[type="month"]:active::before {
  content: "";
  width: 0%;
}

<input type="month" placeholder="foo" name="foo" id="month">

Answer 2

输入类型month仅可用于选择月份，请查看以下示例：

<input type="month" value="2019-05" name="foo" id="month">

更多详细信息可以在这里找到：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/month

Html5月输入占位符

2 个答案: