2017-08-08 42 views
0

我很新的神社/瓶元素,我在我的燒瓶創建應用dymnamic形式:分配CSS類,形成從燒瓶傳遞到神社

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 

,並在神社模板:

<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-groupsearchCity inputbox! 任何幫助,將不勝感激感謝

+0

你在說第一個''標籤嗎?做'class =「btn-primary form-group」'不行嗎? – Mangohero1

+0

Hello @ mangoHero1如果你在代碼中看到上面的代碼,我沒有輸入字段通常設置通常的方式,我從python創建輸入字段並傳遞給jinja'form'。 –

回答

1

你應該能夠傳遞變量到構造函數,像這樣

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

文檔,請訪問:

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

文件摘錄

但是,實際功率c omes使用其 渲染字段調用()方法。通過調用字段,可以提供關鍵字參數,這將在輸出中注入作爲HTML屬性:

form.content(式=「寬度:200像素;」,類_ =「欄」)

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