Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Rax0r en 15 Julio 2012, 04:02 am

Título: Cuadro de Text Empezado
Publicado por: Rax0r en 15 Julio 2012, 04:02 am

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.

Título: Re: Cuadro de Text Empezado
Publicado por: Anvil en 15 Julio 2012, 05:22 am

Código

<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();">

Título: Re: Cuadro de Text Empezado
Publicado por: 0x5d en 20 Julio 2012, 11:54 am

Con jQuery:

Código

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