html文本框在焦點時顯示提示

Question

如何在焦點時創建顯示右側提示的文本框？

例子：http://www.airbnb.com/rooms/new （點擊地址文本框）

Answer 1

也有可能不JavaScript的。

<input type="text" value="Focus me to see a hint!" style="width: 200px; height: 30px;"/> 
<div>Congratulations, you found me !</div> 

---

.input + div { 
    display: none; 
    position: relative; 
    top: -30px; 
    left: 200px; 
} 

.input:focus + div { 
     display: block; 
} 

享受;）

Answer 2

它是佔位符簡單

<input type="text" placeholder = "your gray text" />