分配css类以形成从flask传递到jinja的元素 [英] assigning css class to form element passed from flask to jinja

问题描述

我对Jinja/flask很陌生，正在我的flask应用程序中创建动态表单:

I am quite new to jinja / flask, I am creating dymnamic form in my flask app:

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模板中:

and in jinja template:

<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输入框！ 任何帮助将不胜感激，谢谢

I want to assign class form-group to searchCity inputbox ! any help would be greatly appreciated thanks

推荐答案

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

You should be able to pass variables into the constructor like so

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

可在以下位置找到文档:

Documentation is available at :

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

文档片段

但是，真正的力量来自于渲染场及其 致电()方法.通过调用该字段，您可以提供关键字参数，这些参数将作为html属性注入到输出中:

However, the real power comes from rendering the field with its call() method. By calling the field, you can provide keyword arguments, which will be injected as html attributes in the output:

form.content(style ="width:200px;"，class _ ="bar")

form.content(style="width: 200px;", class_="bar")

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

这篇关于分配css类以形成从flask传递到jinja的元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！