Flask 使用WTforms自定义类和html显示

Flask 使用WTforms自定义类和html显示,flask,wtforms,Flask,Wtforms,我试图对仪表板上使用的一些表单进行微调,并将它们全部迁移到WTforms,但我很难将格式保留在其中一个表单中。 我想迁移的其中一个表单实际上是预填充的,它也不是真正的表单,更像是一个有用户信息的表,但为了简化,我想使用WTforms来显示它,就像在同一页面上的真实表单一样(也许对这种表使用WTform不是一个好主意?)。 无论如何,在非WTform版本中,每一行都编码为 <li> <span class="key"><i class="icol-group"&g

我试图对仪表板上使用的一些表单进行微调,并将它们全部迁移到WTforms,但我很难将格式保留在其中一个表单中。 我想迁移的其中一个表单实际上是预填充的,它也不是真正的表单,更像是一个有用户信息的表,但为了简化,我想使用WTforms来显示它,就像在同一页面上的真实表单一样(也许对这种表使用WTform不是一个好主意?)。 无论如何,在非WTform版本中,每一行都编码为

<li>
  <span class="key"><i class="icol-group"></i> Number of followers </span>
<span class="val"><span class="text-nowrap">{{user.nb_followers}}</span></span>
</li>
并更新html以包含表单

   <li>
      <span class="key">
       <i class="icol-group"></i>
       {{ S_form.Nb_followers.label(class_="key") }}
      </span>
      <span class="val">
       {{ S_form.Nb_followers(class_="text-nowrap") }}
       </span>
   </li>
  • {{S_form.Nb_followers.label(class=“key”)} {{S_form.Nb_followers(class=“text nowrap”)}
  • 在标签端,它几乎是正常的(字体和格式是正确的),除了

    <i class="icol-group"></i>
    
    
    
    标签名称不在一行中,图标后有一个中断。 在输入端,它非常难看,默认情况下,该字段被视为表单输入(这是我在firebug控制台中看到的)

    
    
    它导入了一整套css规则,用于表单输入。。(希望我能用截图来更好地解释,但声誉不够:()

    有没有办法,1/在标签中正确输入图标2/覆盖类以停用输入类型

    或更多关于在wtforms中管理类和显示的一般建议


    thx很多

    我看不出使用WTForms只显示数据有什么好处。它主要用于表单上的输入验证和CSRF保护,在这种情况下,您不需要。我想,我也开始认为这不是一个好主意。只是似乎只使用页面上的表单来收集和显示数据更容易,但如果有太多数据我将给出itup的iPlay限制。。
    <i class="icol-group"></i>
    
    <input id="Nb_followers" class="val" type="text" value="" name="Nb_followers">