Test Foro de elhacker.net SMF 2.1

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 (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();">
Título: Re: Cuadro de Text Empezado
Publicado por: 0x5d en 20 Julio 2012, 11:54 AM
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'))">