Imágenes seleccionables en forma de entrada

Question

Estoy buscando crear una opción dentro de un formulario para elegir un tema para la página. Las opciones deben mostrarse como imágenes para que el usuario pueda ver cómo se ve el tema. ¿Cuál es mi mejor manera de implementar esto?

Answer 1

Sugeriría algo como:

<fieldset>
<legend>Theme</legend>

<input type="radio" name="theme" id="theme_sunset" value="sunset">
<label for="theme_sunset">
    <img alt="Sunset" src="themes/sunset/preview.png">
</label>

<input type="radio" name="theme" id="theme_moonlight" value="moonlight">
<label for="theme_moonlight">
    <img alt="Moonlight" src="themes/moonlight/preview.png">
</label>

...