【问题标题】:Add help icon to items in wtforms向 wtforms 中的项目添加帮助图标
【发布时间】:2020-01-22 07:00:26
【问题描述】:

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

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

我将描述字段用于单行描述。但也将要求'?帮助图标。

我用谷歌搜索过这个问题,只知道如何将鼠标悬停在该字段上并使用“数据切换”获取描述,但我想添加一个“?”每个表单元素的图标并描述所需的输入。 这甚至可以使用 wtforms,如果可以,请您指导我吗?

【问题讨论】:

    标签: python-3.x flask flask-wtforms


    【解决方案1】:

    创建一个图标,或下载一个图标,并将其保存到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>
    

    【讨论】:

      猜你喜欢
      • 2014-05-13
      • 1970-01-01
      • 1970-01-01
      • 2020-11-29
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-11-27
      相关资源
      最近更新 更多