Cuadro de Text Empezado

[Rax0r]

Buenas solo queria sabes como hacer un cuadro de texto de esta forma

<input type="text" name="nombre" value="Escribe aqui tu nombre">

pero que al presionar clic no haya que borrar "Escribe aqui tu nombre" si no que automaticamente se borre como en el facebook y otras paginas que contienen esas sugerencias dentro del cuadro de texto pero al darle clic desaparacen de antemano gracias.

[Anvil]

Código (html4strict) [Seleccionar] Expandir


<script>
function delete()
{
// obtiene el valor
var value = document.getElementById('deleteThisText').value;
// compara para ver si es el de escribe tu nombre
if(value == 'Escribe aqui tu nombre')
{
// borra el contenido
document.getElementById('deleteThisText').value = "";
}
}
</script>

<input type="text" id="deleteThisText" name="nombre" value="Escribe aqui tu nombre" onclick="delete();">


[0x5d]

Con jQuery:

Código (html4strict) [Seleccionar] Expandir


<script src="http://code.jquery.com/jquery-latest.js"></script>
<script language="javascript">
function estado(visto){
if(visto == "Escribe tu comentario"){
$('#campo').attr('value','')
}
}
</script>
<input id='campo' type="text" value="Escribe tu comentario" onclick="estado($(this).attr('value'))">