Кроссбраузерный placeholder + fix для Chrome

в 11:30, , рубрики: chrome, html, jquery, placeholder, webkit, метки: , , ,

Предыстория:

Начался сегодня день не очень удачно… Начальство начало совокуплять мозг по поводу нестандартного поведения браузера Chrome относительно атрибута placeholder (не исчезание подсказки при появлении фокуса на элементе)

Сайтов много, желания что-то переделывать мало.

В результате данной совокупности факторов появился доработанный плагин для jQuery — powerful-placeholder, который добавляет поддержку placeholder старым браузерам + в Chrome при появлении фокуса на элементе скрывает placeholder.

Плагин: github.com/evgentus/powerful-placeholder

Использование:

$(document).ready(function(){
    $.Placeholder.init({ color : "#aaa" });
});

Возможно, эту проблему можно исправить быстрее и красивее. Но, честное слово, искал и не нашел.

Надеюсь кому-нибудь пригодится.

Автор: evgentus

* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js