将帮助图标添加到 wtforms 中的项目



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

除了每个字段,我还想提供一个"?"帮助图标,将鼠标悬停在哪个或单击哪个,提供此字段所需的输入类型的详细信息,等等。

我正在使用描述字段进行单行描述。但也需要"?"帮助图标。

我已经用谷歌搜索了一下,只发现了如何将鼠标悬停在字段上并使用"数据切换"获取描述,但我想为每个表单元素添加一个"?"图标并描述所需的输入。 这甚至可以使用 wtforms 吗,如果是,你能指导我吗?

创建一个图标,或下载一个图标,并将其保存到类似static/images的文件夹中,然后在<img>标记中使用url_for()方法。这是我使用的,我的有一个指向帮助页面的链接;

<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>

最新更新