代码之家 › 专栏 › 技术社区 › Ciasto piekarz

将css类分配给从flask传递到jinja的表单元素

flask-wtforms jinja2 flask css python

Ciasto piekarz · 技术社区 · 8 年前

class CreateForm(FlaskForm):
    searchCity = StringField('View forcast of city:', validators=[InputRequired("Please enter the city you want to check weather updates")])
    count = IntegerField("Days")
    submit = SubmitField("Submit")


form = CreateForm(request.form)
form.count.default = count
form.count.label = "Days" if count > 1 else "Day" 

form.count.data = count

在jinja模板中:

<form>
    <dl>
        <dd>{{ form.searchCity.label }} {{ form.searchCity(size=20) }} 
            for next {{ form.count(size=2) }} {{ form.count.label }}
            <input type="submit" class="btn-primary" value="Submit" id="calculate" onclick="getWeatherForcaset(
            document.getElementsByName('searchCity')[whole_number].value,
            document.getElementsByName('count')[whole_number].value
            );" >
        </dd>
        <dd>
            <input type="checkbox" name="exactMatch" checked="checked">Exact Match 
            &nbsp;
            <input type="checkbox" name="remember">Remember<br/ >
        </dd>

    </dl>
 </form>

我想分配课程 form-group 到 searchCity 任何帮助都将不胜感激。谢谢

2 回复 | 直到 8 年前

Busturdust 8 年前

您应该能够像这样将变量传递到构造函数中

{{ form.searchCity(size=20, class_='searchCity') }}

文件可从以下网址获得:

http://wtforms.readthedocs.io/en/latest/crash_course.html#rendering-fields

然而,真正的力量来自使用呼叫

形式.内容(style=“宽度:200px;”,class_u=“bar”)

<input class="bar" id="content" name="content" style="width: 200px;" type="text" value="foobar" />'

Tri 6 年前

在里面 I使用 extra_classes ,如下所示:

{{ f.render_form_field(form.searchCity, extra_classes='ourClasses') }}

{{ form.searchCity, extra_classes='form-group' }}

我们也可以使用 render_kw

2、第二条路

style={'class': 'form-group', 'style': 'we can also add another css style here'}
searchCity = StringField('View forcast of city:',
                         validators=[InputRequired("Please enter the city you want to check weather updates")],
                         render_kw=style)

但我更喜欢使用第一种方式。

推荐文章