python-3.x - 向 wtforms 中的项目添加帮助图标

Question

我有一个烧瓶应用程序，它有一个表单来接受来自用户的文件和一些文本字段输入。此表单是使用 wtforms 类创建的。

除了每个字段，我想提供一个“？” 帮助图标，悬停在哪个图标上或单击哪个图标，提供此字段所需输入类型的详细信息等。

我正在使用描述字段进行单行描述。但也将要求'？帮助图标。

我对此进行了谷歌搜索，只发现如何将鼠标悬停在该字段上并使用“数据切换”获取描述，但我想添加一个“？” 每个表单元素的图标并描述所需的输入。wtforms 甚至可以做到这一点，如果可以，请您指导我吗？

标签： python-3.xflaskflask-wtforms

Answer 1

创建一个图标，或下载一个图标，然后将其保存到一个文件夹中，然后在标签中static/images使用该url_for()方法。<img>这是我使用的，我的有一个帮助页面的链接；

<a href="{{ url_for('main.help') }}" data-toggle="tooltip" data-placement="left" title="{{ form.field.description }}"><img src="{{ url_for('static', filename='images/Help48x48.png') }}" width="20" height="20" class="d-inline-block align-top" alt="[i]"></a>