文本字段为大写，但句子大小写占位符？答案

【问题标题】：Text field to uppercase, BUT sentence case placeholder?文本字段为大写，但句子大小写占位符？
【发布时间】：2014-10-14 01:57:54
【问题描述】：

我有一个用于插入邮政编码的文本字段，并且我希望用户的输入为大写以保持一致性。我找到了一个简单的解决方案来执行text-transform: uppercase;，但这也使我的占位符变为大写。看起来很傻，但是有没有办法解决这个问题？我应该改用javascript吗？

FIDDLE

【问题讨论】：

欢迎来到“世界其他地方”，@wumm =)
@Mike'Pomax'Kamermans 好吧，他们不是。
Nono，它们是字母和数字。我在加拿大哈哈
css-tricks.com/snippets/css/style-placeholder-text
需要注意的是，用javascript也很容易做到这一点-> jsfiddle.net/adeneo/f9g7zg9s/1

标签： javascript css uppercase

【解决方案1】：

这应该可以工作（在本例中，postalcode 类应用于邮政编码字段）：

.postalcode::-webkit-input-placeholder {
   text-transform: none;
}

.postalcode:-moz-placeholder { /* Firefox 18- */
   text-transform: none; 
}

.postalcode::-moz-placeholder {  /* Firefox 19+ */
   text-transform: none;
}

.postalcode:-ms-input-placeholder {  
   text-transform: none;  
}

.postalcode {
    text-transform: uppercase;  
}

看这个小提琴：http://jsfiddle.net/u77z50db/1/

【讨论】：

可能想检查浏览器支持，caniuse.com - 不确定是否有任何不兼容性。
浏览器支持是spotty，这方面的最终标准还没有实现，所以谁知道未来会发生什么。