输入形式可选图像

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> 

...