Плейсхолдеры и ХТМЛ5
Не так давно написал: Очистка поля input при фокусе на jQuery
Оказывается в ХТМЛ5 есть плейсхолдер и выглядит это приблизительно так:
ХТМЛ
ЦСС
body { background: #0D1114; }
.project-name a { padding: 0; color: #3cf; text-transform: uppercase; font: bold 13px/30px 'Arial', 'sans-serif'; }
input,
textarea{ padding: 10px; width: 300px; font-weight: bold; font-family: Arial, 'sans-serif'; margin-bottom: 10px; font-size: 13px; border: none; clear: both; float: left; }
.empty { color: #999; }
.project-name a { padding: 0; color: #3cf; text-transform: uppercase; font: bold 13px/30px 'Arial', 'sans-serif'; }
input,
textarea{ padding: 10px; width: 300px; font-weight: bold; font-family: Arial, 'sans-serif'; margin-bottom: 10px; font-size: 13px; border: none; clear: both; float: left; }
.empty { color: #999; }
ЯВА
$('#username, #password, #description').defaultValue();
И вот ДЕМО.
Tweet
Рекомендую к просмотру: