indicacion en caja de texto

[calathea]

Hola a todos!!

No se exactamente con qué lenguaje se podría hacer lo que pretendo, asique coloco el post en web general y si los admins consideran que ha de moverse, perfecto.

Quería hacer una caja de texto en la cual colocar una indicacion que se borrara automáticamente al colocar el cursor dentro para escribir. Por ejemplo, en algunos formularios dentro de las cajas de texto de los campos que tienes que elegir, viene escrito "seleccione una opcion..." o "indique tal o cual"...y en el momento en el que colocas el cursor para escribir, ese texto desaparece y aparece el texto que vas tecleando.

El problema es que no se qué lenguaje puedo usar para ello, ya que utilizando la siguiente opcion de html:

<INPUT TYPE="button" VALUE="Haga click">

el texto aparece escrito, pero en color negro y te toca borrarlo para poder empezar a escribir, no lo hace él solo automáticamente al colocar el cursor en el espacio.

¿¿alguien podría orientarme un poco??

muchas gracias!!

[JavierB]

Hola calathea

Prueba este código:

Código javascript:

<input type="text" value="algo" onfocus="if(this.value=='algo') this.value=''" onblur="if(this.value=='') this.value='algo'" />
 

Saludos,

[calathea]

perfecto!!! eso era lo que buscaba!! muchas gracias!!!

una preguntita mas: si ahora quiero cambiar el color de la letra, o el tipo, ponerla en cursiva...etc...¿¿¿lo cambiaría en la etiqueta, lo haría en el css...???

Gracias de antemano, un saludo!

[Norsu]

puedes hacerlo con css

[calathea]

En el css, si cambio el color de la fuente, se cambia tanto para ese texto que es una mera indicacion como para el texto que escribe el usuario...

Qué etiqueta uso para indicar que solo quiero que se cambie el color de la fuente de la indicacion??

Tengo esto, y claro que se me cambia la indicacion...pero si luego escribo en esa caja de texto también me aparece con ese color de texto:

input{
background-color:#dcdcdc;
color: #ff0000;
}

Me explico: solo quiero que salga en color rojo (en este ejemplo) el valor que he dado en value:

Código:

   1.
      <input type="text" value="algo" onfocus="if(this.value=='algo') this.value=''" onblur="if(this.value=='') this.value='algo'" />

y una vez que escriba el usuario en la caja de texto, que el color de lo que escriba sea diferente (negro por ejemplo)

Soy principiante en esto y no se si será posible hacer lo que pretendo...



muchas gracias!

[buzu]

Necesitarías cambiar asignar una clase diferente y unos estilos diferentes a cada clase. Por ejemplo:

Código javascript:

<input type="text" class='instruccion' value="algo" onfocus="if(this.value=='algo'){ this.value=''; this.className='noInstruccion'}" onblur="if(this.value==''){ this.value='algo'; this.className='instruccion'}" />
 

Y tu css:

Código CSS:

.instruccion{
//estilos
}
.noInstruccion{
//estilos
}