Foros del Web » Creando para Internet » HTML »

ocultar los input radio pero activar con imagen

Estas en el tema de ocultar los input radio pero activar con imagen en el foro de HTML en Foros del Web. Tengo un formulario y un grupo de imagenes para seleccionar solo una, utilizo un input radio para eso, pero no me gusta como se ve, ...
  #1 (permalink)  
Antiguo 05/08/2007, 08:05
Avatar de medinauta  
Fecha de Ingreso: diciembre-2002
Ubicación: Guayaquil
Mensajes: 159
Antigüedad: 15 años
Puntos: 0
ocultar los input radio pero activar con imagen

Tengo un formulario y un grupo de imagenes para seleccionar solo una, utilizo un input radio para eso, pero no me gusta como se ve, ademas que seleccionar la imagen es mas visual.

Se puede seleccionar una imagen y mantener el valor del input radio sin mostrarlo?

Hice la prueba usando <input type=IMAGE src="06.jpg" name="foto" value="06.jpg" >, pero al seleccionar la imagen envia el formulario.

Gracias por la ayuda.
  #2 (permalink)  
Antiguo 05/08/2007, 10:39
Avatar de k4k4  
Fecha de Ingreso: junio-2007
Ubicación: Baja California, México
Mensajes: 120
Antigüedad: 10 años, 6 meses
Puntos: 6
Re: ocultar los input radio pero activar con imagen

Hola,

podrías poner la imagen y, justo debajo, el radio button. Para eliminar los radio buttons por completo tal vez ocuparías una solución con javascript.

Otra idea es usar labels para las imagenes, asociarlos a los radio buttons, y darle a estos un estilo "visibility:hidden" o con un background/color transparente. Esto último es sólo especulación. xD
Código:
<label for="radio1"><img src="06.jpg" alt="??" /></label>
<input type="radio" id="radio1" name="name" value="1" />
Saludos.
  #3 (permalink)  
Antiguo 09/08/2007, 13:13
Avatar de medinauta  
Fecha de Ingreso: diciembre-2002
Ubicación: Guayaquil
Mensajes: 159
Antigüedad: 15 años
Puntos: 0
Re: ocultar los input radio pero activar con imagen

Trate con CSS, los oculta pero a la vez no me permite seleccionar otra imagen...
  #4 (permalink)  
Antiguo 03/01/2008, 10:12
Avatar de medinauta  
Fecha de Ingreso: diciembre-2002
Ubicación: Guayaquil
Mensajes: 159
Antigüedad: 15 años
Puntos: 0
Re: ocultar los input radio pero activar con imagen

je je je, volvi a intentar y ahora lo hice bien... Gracias tardias...
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 02:00.