javascript - 输入表格可选图像

Question

我希望在表单中创建一个选项来为页面选择主题。这些选项需要显示为图像，以便用户可以看到主题的外观。我最好的实现方式是什么？

Answer 1

我建议像这样:

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

...