viernes, 19 de noviembre de 2010

Mostrar/Ocultar texto de un textarea

Desde hace un tiempo me llamaba la atención aquellos formularios en los que aparece un textarea con un mensaje y que al dar clic sobre él el texto desaparece, pues me puse a investigar y logré hacerlo. Así que acá les dejo el código:

<html>
<head>
<title>Documento</title>
<script language="javascript" type="text/javascript">
function Borrar(valor)
{
if(document.getElementById("comentario").value==valor)
{
document.getElementById("comentario").value="";
}
}

function Escribir(valor)
{
if(document.getElementById("comentario").value=="")
{
document.getElementById("comentario").value=valor;
}
}
</script>
</head>
 

<body>
<form name="contacto">
<textarea id="comentario" onfocus="Borrar('Escribe tu comentario...')" onblur="Escribir('Escribe tu comentario...')">
Escribe tu comentario...
</textarea>
</form>
</body>
</html>

1 comentarios:

Publicar un comentario