Foros del Web » Creando para Internet » HTML »

cambiar value al hacer clic

Estas en el tema de cambiar value al hacer clic en el foro de HTML en Foros del Web. hola! tengo un formulario en html y en el campo value de un cuadro de texto (type=text) tengo un valor, y lo que busco es ...
  #1 (permalink)  
Antiguo 03/09/2010, 12:40
boli-sp
Invitado
 
Mensajes: n/a
Puntos:
cambiar value al hacer clic

hola!

tengo un formulario en html y en el campo value de un cuadro de texto (type=text) tengo un valor, y lo que busco es que al hacer clic en el cuadro para escribir se borre ese texto.

es decir, si tengo value="escribe aquí lo que quieras buscar"; cuando haga clic para introducir mi búsqueda no haya que borrar ese "escribe aquí lo que quieras buscar" para escribir nuestra búsqueda, sería como cambiar el valor a value="" cuando hago clic en el cuadro.

espero haberme explicado :S

gracias a todas las respuestas!
  #2 (permalink)  
Antiguo 03/09/2010, 13:17
Avatar de catpaw  
Fecha de Ingreso: mayo-2010
Ubicación: xalapa
Mensajes: 856
Antigüedad: 7 años, 7 meses
Puntos: 23
Respuesta: cambiar value al hacer clic

Prueba el onclick y js

te dejo este link para que te des una idea

http://www.desarrolloweb.com/articulos/1235.php
  #3 (permalink)  
Antiguo 04/09/2010, 06:37
Avatar de angelAparicio  
Fecha de Ingreso: julio-2009
Ubicación: Sevilla
Mensajes: 307
Antigüedad: 8 años, 5 meses
Puntos: 22
Respuesta: cambiar value al hacer clic

Sería algo así:

<input name="ejemplo" value="Buscar..." onclick="this.value=''" />
__________________
Mis webs:
- Programador Web Autónomo
- Conciertos en Sevilla
  #4 (permalink)  
Antiguo 04/09/2010, 08:50
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 7 años, 6 meses
Puntos: 309
Respuesta: cambiar value al hacer clic

También puedes hacer que al recibir el foco (onfocus), su valor se borre si es el que tu le diste por defecto, y si no que se quede el que está, y al perder el foco, si su value es '' vuelva a ponerse 'Buscar...'.
Código HTML:
Ver original
  1. <input type='text' value='Buscar...' onfocus="this.value = (this.value=='Buscar...') ? '' : this.value" onblur="this.value = (this.value=='') 'Buscar...' ? this.value" />
Saludos (:
__________________
" Getting older’s not been on my plans
but it’s never late, it’s never late enough for me to stay. "
Cigarettes - Russian Red
  #5 (permalink)  
Antiguo 05/09/2010, 12:44
boli-sp
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: cambiar value al hacer clic

oh! gracias a todas las respuestas!
el onfocus es lo que buscaba, aunque no me funciona lo de volver a poner de nuevo el value="buscar..." en el caso de que no se haya escrito nada

por cierto, para un textarea como se haría?

Última edición por boli-sp; 05/09/2010 a las 13:10
  #6 (permalink)  
Antiguo 05/09/2010, 18:47
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 7 años, 6 meses
Puntos: 309
Respuesta: cambiar value al hacer clic

Ok perdón esque aquel código tenía un error de tipeo xD. Quedaría así:
Código HTML:
Ver original
  1. <input type='text' value='Buscar...' onfocus="this.value = (this.value=='Buscar...') ? '' : this.value" onblur="this.value = (this.value=='') ? 'Buscar...' : this.value" />
Con un textarea sería casi lo mismo:
Código HTML:
Ver original
  1. <textarea rows='1' cols='7' onfocus="this.value = (this.value=='Buscar...') ? '' : this.value" onblur="this.value = (this.value=='') ? 'Buscar...' : this.value">Buscar...</textarea>

Saludos (:
__________________
" Getting older’s not been on my plans
but it’s never late, it’s never late enough for me to stay. "
Cigarettes - Russian Red

Etiquetas: Ninguno
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 12:54.