Foros del Web » Programando para Internet » Javascript »

Texto predeterminado en input

Estas en el tema de Texto predeterminado en input en el foro de Javascript en Foros del Web. salu2, como puedo hacer eso de que un input tiene un valor predeterminado poniendo el value=, hasta ahi lo entiendo, pero como se hace eso ...
  #1 (permalink)  
Antiguo 10/09/2006, 01:49
Avatar de Shion_Dan_Aries  
Fecha de Ingreso: marzo-2006
Mensajes: 105
Antigüedad: 18 años, 1 mes
Puntos: 0
Texto predeterminado en input

salu2, como puedo hacer eso de que un input tiene un valor predeterminado poniendo el value=, hasta ahi lo entiendo, pero como se hace eso de que al hacer click en el input se borra ese texto para dejarte escribir? y cuando esta en blanco el input y lo deseleccionas vuelve a aparecer ese texto predeterminado? kreo k todo esto es javascript
  #2 (permalink)  
Antiguo 10/09/2006, 02:23
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 2 meses
Puntos: 772
Hola Shion_Dan_Aries

Pues sí, tendrás que hacerlo con JavaScript:
Código:
<input type="text" value="Password" onfocus = "if(this.value=='Password') this.value=''"
  onblur="if(this.value=='') this.value='Password'" />
Saludos,
  #3 (permalink)  
Antiguo 10/09/2006, 02:33
Avatar de Shion_Dan_Aries  
Fecha de Ingreso: marzo-2006
Mensajes: 105
Antigüedad: 18 años, 1 mes
Puntos: 0
Muchas gracias....
  #4 (permalink)  
Antiguo 21/06/2011, 18:17
Avatar de iimeh  
Fecha de Ingreso: septiembre-2009
Mensajes: 25
Antigüedad: 14 años, 7 meses
Puntos: 2
Texto predeterminado en input

Gracias JavierB funciono a la perfección pero mi duda seria la siguiente sabras como le hacen para que el texto predeterminado se vea gis y ya cuando escribes se vea negro?
  #5 (permalink)  
Antiguo 21/06/2011, 19:21
Avatar de Naahuel  
Fecha de Ingreso: marzo-2011
Ubicación: localhost
Mensajes: 796
Antigüedad: 13 años, 1 mes
Puntos: 192
Respuesta: Texto predeterminado en input

Algo así:

Código HTML:
Ver original
  1. <input style="color:#CCC" type="text" value="Password" onfocus = "if(this.value=='Password') {this.value=''; this.style.color='#000'}"
  2. onblur="if(this.value=='') {this.value='Password'; this.style.color='#ccc'}" />
__________________
nahueljose.com.ar
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:50.