Часто появляется необходимость задавать подсказку о том, что надо ввести в поле формы в самом поле. Причем текст подсказки должен быть серым, а при наборе текста пользователем — менять стиль и становиться черным. Указанная ниже функция реализует эту возможность.
Сначала в файле стилей задайте стили для подсказки и самого текста поля 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';}">