Подсказка в поле ввода в JavaScript

Часто появляется необходимость задавать подсказку о том, что надо ввести в поле формы в самом поле. Причем текст подсказки должен быть серым, а при наборе текста пользователем — менять стиль и становиться черным. Указанная ниже функция реализует эту возможность.

Сначала в файле стилей задайте стили для подсказки и самого текста поля input:

<style type="text/css">
.grey {color:#999999;}
.black  {color:#000;}
</style>

Затем в месте вывода поля input присвойте ему свойства onFocus и onBlur. Это работает также для полей textarea.

<textarea class="grey" onFocus="if(this.value=='Type your message') {this.value='';  this.className='black';}" onBlur="if (this.value==''){this.value='Type your message'; this.className='grey';}">Type your message</textarea>

Можно вынести название в отдельную переменную, тогда скрипт станет немного более универсальным. Для каждого нового поля можно задавать новую переменную.

<script language="javascript" type="text/javascript">
var tmp_title = 'Название из источника'
</script>

<input type="text" class="grey" value="Название из источника" maxlength="255" 
onblur="if(!this.value) {this.value=tmp_title; this.className='grey';}" 
onfocus="if(this.value==tmp_title) {this.value=''; this.className='black';}">