Heim > Fragen und Antworten > Hauptteil
P粉5499860892023-08-02 16:53:24
在HTML中不支持在元素的标签中直接使用图像。第二个选项不显示任何内容的原因是
标记的目的是纯文本,而不是HTML元素。要实现想要显示供选择的图像列表的设计,可以使用HTML、CSS和JavaScript使用自定义选择下拉菜单。有几个可用的库和插件可以帮助您实现这一点,例如Select2、Chosen或使用CSS和JavaScript的自定义实现。下面是一个如何用图片创建自定义选择下拉菜单的例子:
超文本标记语言
1 2 3 4 5 6 7 8 |
|
CSS:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 |
|
JavaScript :
1 2 3 4 5 6 7 8 9 10 11 12 13 |
|
在本例中,您可以将{image_url}替换为您想要显示的图像的实际url。当用户单击自定义选择时,它将显示图像列表,当用户选择图像时,它将相应地更新所选选项。请记住,这是一个基本示例,您可能需要根据特定需求和样式首选项调整CSS和JavaScript。此外,对于更复杂的应用程序,可以考虑使用React或Vue.js等前端框架。