在移动优化版网站上显示不同的输入文本？

Question

我的网站上有一个搜索框。页面加载时输入中显示的文本是“搜索站点”。

<input id="keywords" class="text" type="text" name="keywords" value="search the site">

我也通过媒体查询手机优化我的网站。对于移动版本，我希望文本为大写“搜索网站”。如果我用CSS更改文本显示，那么用户输入的任何内容也都是大写的。有这个问题的解决方案吗？

谢谢

Answer 1

由于没有人回答，我不知道任何（非JavaScript或服务器端检测方法），我会说答案是否定的。