Como poner imagenes como botones de formulario

[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