select 大图标集中的图标的用户友好可能性
Userfriendly possibillity to select an icon from large iconset
我有一个网络应用程序，用户可以在其中添加新类别。该类别正在以 post.
形式插入到数据库中
该类别应该有一个图标（bootstrap 个图标 https://icons.getbootstrap.com/），用户应该能够select。
我使用bootstrap框架5.1.3进行开发。
我找不到 select从 1500 件中挑选一件商品的用户友好可能性。
我已经检查过在表单中使用带有选项的 select 元素。这里的问题是用户只能看到图标的名称，而看不到图标的图像。 Bootstrap 不支持在选项中添加图片。
有没有人知道如何实现一种用户友好的可能性，即从大图标集中选择一个图标，用户可以在 select 使用它之前看到该图标？
它应该能够在数据库中保存 selected 图标的名称。
如果有人能帮助我就太好了:)。
非常感谢大家:)
我想您可以显示一个模式，其中包含用图标呈现的名称并添加 onClick 属性 以获取用户正在选择的图标。
您还可以在顶部添加一个搜索框，以按文本过滤图标。
这样的：https://react-icons.github.io/react-icons/icons?name=bs
我有一个网络应用程序，用户可以在其中添加新类别。该类别正在以 post.
形式插入到数据库中该类别应该有一个图标（bootstrap 个图标 https://icons.getbootstrap.com/），用户应该能够select。
我使用bootstrap框架5.1.3进行开发。
我找不到 select从 1500 件中挑选一件商品的用户友好可能性。
我已经检查过在表单中使用带有选项的 select 元素。这里的问题是用户只能看到图标的名称，而看不到图标的图像。 Bootstrap 不支持在选项中添加图片。
有没有人知道如何实现一种用户友好的可能性，即从大图标集中选择一个图标，用户可以在 select 使用它之前看到该图标？
它应该能够在数据库中保存 selected 图标的名称。
如果有人能帮助我就太好了:)。
非常感谢大家:)
我想您可以显示一个模式，其中包含用图标呈现的名称并添加 onClick 属性 以获取用户正在选择的图标。 您还可以在顶部添加一个搜索框，以按文本过滤图标。 这样的：https://react-icons.github.io/react-icons/icons?name=bs