Решение проблемы
https://github.com/mathiasbynens/jquery-placeholder.
Плюсы - работает хоть в ie6, работает со всеми типами input, не нужно прописывать классы в html, не нужно давать значения value. Минусов нет.
Если в кратце, то берем и устанавливаем jquery.placeholder.min.js. HTML разметка такая:
<script src="jquery.placeholder.min.js"></script>
<script>
$('input, textarea').placeholder();
</script>
Это все. Редактируется через css вот так
.placeholder, .textarea { color: rgba(0,0,0,.7); }
html код inputa
<input type="text" placeholder="Текст placeholder'a" >