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" />