Html CSS3可扩展搜索框无法与占位符一起正常工作

如果未单击搜索图标，我想隐藏占位符。这可能吗？如果这是可能的，那么我如何解决这个问题

HTML

<form id="demo-2">
  <input type="search" placeholder="some text" />
</form>

演示

---

对不起，我的英语不好。谢谢你的回答。

啊，我自己找到了答案

#demo-2 input:-moz-placeholder { color:transparent; }
#demo-2 input::-webkit-input-placeholder { color:transparent; }
#demo-2 input:focus::-webkit-input-placeholder { color:red }
#demo-2 input:focus:-moz-placeholder { color:red; }

---

尝试将

onfocus

和

onblur

属性添加到

输入

：

<input type="search" onfocus="placeholder='some text'" onblur="placeholder=''" />

---

Fiddle:

你应该在这里发布相关代码，而不仅仅是你的HTML。我编辑了我的问题。感谢您的回复。如果不单击图标，您不会显示“某些文本”吗？是的！确切地当点击图标时，应该会显示占位符。呵呵，谢谢：）我自己也能找到答案，但我觉得你们的答案更容易找到。谢谢

<input type="search" onfocus="placeholder='some text'" onblur="placeholder=''" />