JavaScript-CSS: Eventos onBlur e onFocus

Este post foi criado em resposta a um email que recebemos.

Como alterar as cores do texto digitado conforme o evento?

O código abaixo é complemento do seguinte post.

<input value="digite aqui" type="text"
 onblur="if(this.value == '') {this.value = 'digite aqui';this.style.color='#000000'}" 
 onfocus="if(this.value == 'digite aqui') {this.value = '';this.style.color='#FF0000'}" 
/>

Explicando:

– Quando o campo receber o foco a cor muda para #FF0000 (vermelho).
– Se o campo estiver em branco, quando perder o foco, aparece novamente o texto e a cor volta a ficar #000000 (preto).