Cuadro de Text Empezado

Iniciado por Rax0r, 15 Julio 2012, 04:02 AM

0 Miembros y 1 Visitante están viendo este tema.

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]

<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();">
\\::_--__!!ss"1122

0x5d

Con jQuery:
Código (html4strict) [Seleccionar]

<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'))">

¡ SIGUEME EN TWITTER -> @JavierEsteban__ !