Кроссбраузерный плейсхолдер(placeholder) с помощью jquery
Проблема в том, чтобы сделать рабочим тег placeholder в любом браузере. Я не стал изобретать велосипед, и нашел хороший плагин jquery решающий данную задачу - placeholder.js
Пример :
<input placeholder="text" id="some_input"> <script type="text/javascript"> $(document).ready(function() { $('input[placeholder]').placeholder(); }); </script>
Немного дополнительной информации :
Firefox 4 допускает изменять стиль текста, выводимого через атрибут placeholder, с помощью псевдокласса :-moz-placeholder.
textarea:-moz-placeholder { color: red; }
В Safari и Chrome стиль текста меняется следующим образом:
textarea::-webkit-input-placeholder { color: red; }
P.S.
С днём победы!!!
|