html - 有没有办法制作可点击的图像并选择一个特定的图像？

Question

我正在使用 Django 开发图形密码认证系统。在注册过程中，我想显示几张图片，用户可以从中选择任何一张。我希望突出显示所选图像，并且在单击提交按钮时，我希望将该图像存储在数据库中。

我曾尝试在按钮中添加图像，但没有成功。这就是我所做的

 <button name="b3" style="border:0px"><img src="/static/r9.jpg" class="d-block w-100" alt="..."></button>

然后我尝试了一种不同的方法并在 HTML 中使用了 use-maps。但显然这似乎也行不通。

<img src="/static/r1.jpg" class="d-block w-100" name="img" alt="..." usemap="#imagemap">

使用图定义如下：

<map name="imagemap">
<area shape="rect" coords="34,44,270,350" href="">
</map>

既然我是 Django 的新手，请你指导我前进的方向是什么。提前致谢。

标签： htmldjangovisual-studio-codebootstrap-4django-forms