texto fantasma en un input

alette666 · #1 (**permalink**) 12/06/2011, 14:23

Gente necesito saber como crear un texto fantasma (por llamarlo asi); basicamente lo que quiero es que en vez de poner un <label>...</label>
que este me aparesca dentro del texbox (campo de texto) y cuando el usuario valla a hacer clik en el textbox para ingresar los datos requeridos, este se borre (desaparesca de la vista)
Tipo asi como el buscador de google que esta en cada seccion del forosdelweb (arriba de todo en el centro), que tiene el logotipo de google y dice"Búsqueda personalizada"

me podrían decir como lo hago???

zerokilled · #2 (**permalink**) 12/06/2011, 14:40

buenas,
de momento en html4.01 no se puede hacer eso, tendrias que recurrir a javascript. en el foro hay muchos temas al respecto. la otra solucion seria html5 pero, ademas de aun no ser un estandar oficial, pudiera darse el caso que algun navegador no haya comenzado a implementar html5 o que no haya implementado algunas caracteristicas. en html5 los input tienen el atributo placeholder el cual es para ese proposito que señalas. http://www.w3schools.com/html5/html5...attributes.asp

con javascript. hay mas temas pero este fue el que encontre, http://www.forosdelweb.com/showthread.php?t=534631

emprear · #3 (**permalink**) 12/06/2011, 14:48

alette666:
A ver si esto te sirve

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Cambiar Propiedad</title>
</head>
<body>
<form action="#" method="post" id="formlogin">
    <div>
<input type="text" class="texto" name="nombre_ingreso" value="usuario"  onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'usuario':this.value;" />
<br />
<input type="password" class="texto" name="clave_ingreso" value="contraseña"  onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'contraseña':this.value;" />
</div>
</form>
</body>
</html>

Demo, con 2 campos
http://foros.emprear.com/jsdemo/limpiar_input.html

Saludos

alette666 · #4 (**permalink**) 13/06/2011, 17:24

Cita:

Iniciado por emprear

alette666:
A ver si esto te sirve
Saludos

voy a apuntar a esa, parece que cubre lo requerido :D, graciias, van Kama.....
digo karma a los dos por buen aporte.