Как показать заполнитель при наведении курсора на текст ввода

Question

я хочу, чтобы заполнитель был виден при наведении курсора на текстовое поле.

  <input type="text" placeholder="enter your name"/>

Answer 1

Это то, что я сделал с помощью JavaScript. Надеюсь, это то, что вы ищете:

Предположим, что идентификатор вашего текстового поля имеет значение "input", тогда

input = document.getElementById('input');

function ph () {
    input.setAttribute('placeholder','enter your name');
};

function phr () {
    input.setAttribute('placeholder', '');
};

input.addEventListener("mouseover", ph);
input.addEventListener("mouseout", phr);

Answer 2

В настоящее время невозможно встроить функциональность в браузеры, но при небольшом взломе это возможно:

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: transparent;
}
::-moz-placeholder { /* Firefox 19+ */
  color: transparent;
}
:-ms-input-placeholder { /* IE 10+ */
  color: transparent;
}
:-moz-placeholder { /* Firefox 18- */
  color: transparent;
}
:hover::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999;
}
:hover::-moz-placeholder { /* Firefox 19+ */
  color: #999;
}
:hover:-ms-input-placeholder { /* IE 10+ */
  color: #999;
}
:hover:-moz-placeholder { /* Firefox 18- */
  color: #999;
}

<input type="text" placeholder="Enter your name" />

Также обратите внимание на совместимость браузера.