Duda con CSS

[archisss]

Hola compañeros, tengo una pregunta sobre CSS:

Estoy diseñando un formulario para comprobar la información de uno docentes, el problema es el siguiente:

Cuanod un docente entra le puestro un monton de <inputs> cada uno con su informacion de la siguiente manera

NOMBRE [_______________] (<- Simula el input type text) y de el Value se lo cambio con información almacenada en una bade de datos... hasta ahí todo bien.

Lo que quiero saber es lo siguiente, cuando un usuario entra en el input yo eso lo campto con js y cuando abandona en input verifico si realizo algun cambio en la informacion que contiene este; Lo que quiero hacer es..... Insertar un cuandro de texto o simplemente texto que diga "No ha Modificado su información" y cuadno salga si la información cambio pues borrar el texto, pero si sale y no cambia nada que ahi sigua el aviso...... que sería algo así:

paso 1 input
NOMBRE [__SU Nombre____]

paso 2 el usuario entra en el input (el cursor esta en el campo text, aparece el mensaje mediante js)
NOMBRE [__SU Nombre____] No ha modificado su información

Paso 3 si modifico su informacion
NOMBRE [__SU Nombre Nuevo_ ] (<- no muestro nada porque ya tiene su informacion modificada )

si no modifico su informacion
NOMBRE [__SU Nombre____] No ha modificado su informacion

Espero que alguien me pueda ayudar o decirme otra forma de hacer esto....