Html5月输入占位符

有人知道我如何为

输入类型月份添加占位符
mm aaaa
，就像我们对
输入类型日期所做的那样？我举了一个例子



月份：
出生：
我觉得FF或IE中不支持这种输入类型（caniuse.com/#search=input%20date）

对于那些浏览器，它似乎将
type
属性设置为
text
，占位符在其中工作（正常情况下）

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

您可以像下面一样伪造占位符，但在选择输入后，我无法使值保持不变（并且占位符不会再次出现）


输入[type=“month”]：：之前{
内容：attr（占位符）！重要；
颜色：#aaa；
宽度：100%；
}
输入[type=“month”]：焦点：：之前，
输入[type=“month”]：活动：：之前{
内容：“；
宽度：0%；
}
我觉得FF或IE中不支持这种输入类型（caniuse.com/#search=input%20date）

对于那些浏览器，它似乎将
type
属性设置为
text
，占位符在其中工作（正常情况下）

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

您可以像下面一样伪造占位符，但在选择输入后，我无法使值保持不变（并且占位符不会再次出现）


输入[type=“month”]：：之前{
内容：attr（占位符）！重要；
颜色：#aaa；
宽度：100%；
}
输入[type=“month”]：焦点：：之前，
输入[type=“month”]：活动：：之前{
内容：“；
宽度：0%；
}
输入类型
月份
只能用于选择月份，请检查以下示例：
输入类型
月份
只能用于选择月份，请检查以下示例：
占位符=“foo”
应该可以工作，并且在您的代码片段中也可以工作。因此，问题很可能是由页面上的其他内容引起的。编辑：可能也有关系。我用的是chrome。我在firefox上进行了测试，得到了一个简单的输入文本。很多浏览器似乎都不支持它。我已经使用了
placeholder='foo'
一百万次了，而且它在Chrome和Firefox上都可以使用，所以如果你使用这些浏览器，它与浏览器无关。在这种情况下，您的页面上一定有其他原因导致这种行为。您是否在使用未编写的任何类型的库、框架或其他脚本？@Tijmen我看到
-----------
（而不是
foo
）作为占位符。在Windows/Chrome上查看；在Windows/IE&Windows/Firefox上，我确实看到了
foo
，因为Placeholderi看起来不支持这种
input
输入FF或IE（），这可以解释为什么它会恢复为通用
input
字段（以及为什么在这些情况下占位符可以工作）
placeholder=“foo”
应该可以工作，也可以在代码段中使用。因此，问题很可能是由页面上的其他内容引起的。编辑：可能也有关系。我用的是chrome。我在firefox上进行了测试，得到了一个简单的输入文本。很多浏览器似乎都不支持它。我已经使用了
placeholder='foo'
一百万次了，而且它在Chrome和Firefox上都可以使用，所以如果你使用这些浏览器，它与浏览器无关。在这种情况下，您的页面上一定有其他原因导致这种行为。您是否在使用未编写的任何类型的库、框架或其他脚本？@Tijmen我看到
-----------
（而不是
foo
）作为占位符。在Windows/Chrome上查看；在Windows/IE&Windows/Firefox上，我确实看到了
foo
，因为Placeholderi看起来不支持这种
输入
在FF或IE（）中输入，这可以解释为什么它会恢复为一个通用的
输入
字段（以及为什么你的占位符在这些情况下工作）嘿，很好的替代，不完整，但很聪明。我将切换到更受支持的东西，比如jquery插件，但谢谢s@blurfus我扩展了您的解决方案，使其有效！只需将：invalid属性添加到第一个选择器，并将required属性放入输入。请更新您的答案。：）嘿，好的替代品，不完整但聪明。我将切换到更受支持的东西，比如jquery插件，但谢谢s@blurfus我扩展了您的解决方案，使其有效！只需将：invalid属性添加到第一个选择器，并将required属性放入输入。请更新您的答案。：）