Question

我试图微调我在仪表板上使用的一些表格，并将所有表格迁移到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>

我在forms.py中创建了一个带有相关字段的表单：

 class Summary(Form):
 Nb_followers = TextField("Number of followers")

并更新了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>

在标签方面它几乎没问题（字体和格式正确），但

中的图标除外

<i class="icol-group"></i>

并且标签名称不在一行中，图标后面有一个中断。在输入端它非常难看，默认情况下该字段被视为表单输入（这是我在firebug控制台中看到的）

<input id="Nb_followers" class="val" type="text" value="" name="Nb_followers">

它导入了一整套用于表单输入的css规则..（希望我能把截图解释得更好，但声誉不够:(）

有没有办法可以，1 /在我的标签中正确输入一个图标2 /覆盖该类以停用输入类型

关于管理课程和课程的一般性建议以wtforms显示

很多

使用WTforms自定义类和html显示

0 个答案: