[SOLUCIONADO] Como poner imagenes como botones de formulario

[As3]

Hola soy nueva en la programación, necesito que alguien me oriente sobre cómo hacer algo parecido al input radius que sólo se puede seleccionar una opción, pero al hacer click sobre imágenes en vez del circulo Es para una pagina de enseñanza y que el alumno seleccione entre varias imágenes y luego mandarlo a corregir, para ver si la respuesta fue correcta o incorrecta...Gracias por su ayuda :D

[PHPeros]

Puedes poner las imágenes como labels después de cada input radio. O hacer algo con JavaScript.

[fede5426]

Si usas la imagen como label tal como dijo PHPeros, podrias colocar el input radio "dentro" de la imagen.. no queda mal.

Para esto tendrías que colocar el label y el input dentro de un div, quedaría algo asi:

Código HTML:

<div>
    <label for="imagen1">
        <img src="http://lorempixel.com/500/500" alt="imagen1" />
    </label>
    <input type="radio" name="imagen" id="imagen1" />
</div>
 

Código CSS:

div{
    width:300px;
    height:300px;
    margin:10px;
    float:left;
    position:relative;
}
 
div input{
    position:absolute;
    top:10px;
    left:5px;
}
 
div img{
    width:100%;
}
 

Demo: http://codepen.io/fede5426/pen/BoNyRx

Saludos

[As3]

Muchas gracias por sus respuestas, me ayudó mucho :)