В html5 ввели хороший атрибут placeholder отображающий в input текст который исчезает когда начинаешь вводить что нибудь, но зачастую заказчикам не нравится такой вариант развития событий и они хотят что бы текст исчезал при клике на input, стандартным функционалом это решить нет возможности поэтому я написал jquery скрипт который решает данную задачу.
$(document).ready(function () { $('.order__step input').focus(function(){ $(this).data('placeholder',$(this).attr('placeholder')) $(this).attr('placeholder',''); }); $('.order__step input').blur(function(){ $(this).attr('placeholder',$(this).data('placeholder')); }); });