Forma de entrada selecionáveis ??Imagens

Question

Eu estou olhando para criar uma opção dentro de um formulário para escolher um tema para a página. As opções devem ser exibidas como imagens que o usuário possa ver o que o tema parece. Qual é a minha melhor maneira de implementar isso?

Answer 1

Eu sugiro 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>

...