首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在quick_form烧瓶引导程序中为标签添加类

如何在quick_form烧瓶引导程序中为标签添加类
EN

Stack Overflow用户
提问于 2018-04-28 21:02:07
回答 1查看 2.8K关注 0票数 6

使用quick_form Flask-Bootstrap生成表单对我来说非常方便,但是,我在他们的documentation中找不到一种方法,可以根据我的模板主题的要求向label中添加额外的类。

我的forms.py类如下所示:

代码语言:javascript
复制
from flask_wtf import Form
from wtforms import StringField,PasswordField,TextField,SubmitField
from wtforms.validators import InputRequired,EqualTo,Email,ValidationError

class Building_Form(Form):
    BuildingName = TextField('Building Name')
    BuildingType = TextField('Building Type')
    FloorNums    = TextField('Numers of Floor')
    BuildUnits   = TextField('Units in Building')
    BuildSize    = TextField('Building Size')
    BuiltYear    = TextField('Built in (year)')
    BuildOpeningTime = TextField('Open Time')
    BuildClosingTime = TextField('Close Time')

我的routes.py如下所示:

代码语言:javascript
复制
from app.import_core import *
from flask_wtf import FlaskForm
from wtforms import Form, BooleanField, StringField, PasswordField, validators
from wtforms.validators import DataRequired
from flask_wtf.file import FileField, FileRequired
from werkzeug.utils import secure_filename
from werkzeug.security import generate_password_hash, check_password_hash


from .forms import Building_Form
# from app.user.models import TBL_USER

import pdb

@app.route('/building')
def show_building_listing():

    return render_template('building_listing.html')

@app.route('/builing/new',methods=['GET','POST'])
def add_new_builing():
    form = Building_Form()
    if request.method=='POST':
        return '<h1>Ok Building added</h1>'

    return render_template('new_building.html',form=form)

呈现表单的new_building.html

代码语言:javascript
复制
{% extends "__dashboard.html" %}
{% import "bootstrap/wtf.html" as wtf %}

{% block include_css %}
  <link rel="stylesheet" href="{{url_for('static',filename='css/login.css')}}">
  <link rel="stylesheet" href="{{url_for('static',filename='css/bt-social-button/bootstrap-social.css')}}">
{% endblock %}

{% block content %}

  <div class="card">
    <div class="card-body">
      {{ wtf.quick_form(form, extra_classes='bmd-label-floating') }}
    </div>
  </div>
{% endblock %}

我想将类bmd-label-floating添加到我的表单标签中,但是它最终在<form>中使用了这些类。

我怎样才能把那个类添加到我的标签里呢?谢谢。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-06-06 07:55:53

我也遇到过类似的问题。项目列表用于生成具有多个复选框的表单。我需要添加一个标签类来水平地设置它们的样式。我能够遍历我的form对象并更改form field.label的类。

代码语言:javascript
复制
<form action="" method="post">

{% with test = form.example %}
{% for field in test %}
    {{ field.label(class_='checkbox-inline') }}
    {{ field }}
{% endfor %}
{% endwith %}

<p>{{ form.submit() }}</p>
</form>
票数 5
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50076825

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档