Разработка сайтов

Верстка, адаптивная верстка, программирование, разработка на WordPress

Убираем placeholder при клике по input

В html5 есть один класный атрибут placeholder. Placeholder — выводит текст внутри поля формы и исчезает когда пользователь начинает вводить символы. Но бывают моменты когда нужно убирать placeholder во время свойства .focus, тоесть при клике мышкой в поле формы. Для етого на помощь приходит Jquery. Код очень простой и будет действовать на все input и textarea. 
Код ниже:

Вот и все. Удачи.

  • DenZzeuro

    Это плохой способ. Правильнее всё это через :focus реализовать, без скриптов.

    • ArtyomLisovskij

      Сразу ужписал бы)

      input:focus::-webkit-input-placeholder { color:transparent; }

      input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */

      input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */

      input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */