Modulo di input Immagini selezionabili

Question

Sto cercando di creare un'opzione all'interno di un modulo per scegliere un tema per la pagina. Le opzioni devono essere visualizzate come immagini in modo che l'utente possa vedere l'aspetto del tema. Qual è il mio modo migliore per implementarlo?

Answer 1

Suggerirei qualcosa del tipo:

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

...