Duda con funcion y codificación

[Fernandovila]

Hola compañeros,

Estoy realizando un formulario de contacto y quiero poner el asunto de cada input dentro del input en si. La intención es que una vez que el usuario haga click en el input el asunto del input seleccionado desaparezca, a parte, si el usuario no ha introducido nada en el input debería restaurase.

Creía que lo habia resuelto de la siguiente manera:

HTML

<input onclick="nombre();" onblur="nombref();" class="inpts" name="nombre" id="nombre" value="Nombre y Apellidos" />

js

function nombre(){

if(document.getElementById('nombre').value=="Nombr e y Apellidos")

{document.getElementById('nombre').value="";}
}

function nombref(){
if(document.getElementById('nombre').value=="")

{document.getElementById('nombre').value="Nombre y Apellidos";}
}

El problema es que quiero hacer lo mismo con Teléfono, pero debido al acento, el if de la función en js nunca sucede.

Me gustaría saber si esta es la mejor manera de realizar esto y si alguien conoce una manera de solucionar el problema.

[Panino5001]

Probá así:

Código:

<form id="form1" name="form1" method="post" action="">
<input  onblur="this.value = this.value || this.defaultValue;" onfocus="this.value == this.defaultValue && (this.value = '');" class="inpts" name="telefono" id="telefono" value="Teléfonos" />
</form>

[Fernandovila]

Mil gracias compañero,

Está perfecto

Y exactamente con el onblur i el onfocus que es lo que estas haciendo??

Un saludo