問題描述

各位大神，我在這個地方定義了一個表單，但是到前端的flask_Bootstrap調(diào)用就有點懵逼了。。求助

from flask_wtf import FlaskFormfrom wtforms import StringField,SubmitFieldfrom wtforms.validators import DataRequiredclass track(FlaskForm): test = StringField(’測試’,validators=[DataRequired(message=’不能為空’)]) commit = SubmitField(’確認(rèn)’)

上面寫的是一個表單，下面在前端使用flask_Bootstrap的wtf.quick_form

{% extends 'base.html' %}{% import 'bootstrap/wtf.html' as wtf %}{% block title %}test{% endblock %}{% block page_content %} <p >{{ wtf.quick_form(form) }} </p>{% endblock %}

但是在前端顯示出來是這樣的

我知道這樣顯示是正常，但是我現(xiàn)在懵逼了，不知道怎么調(diào)成下面這樣。。。把確認(rèn)按鈕放到表單框的旁邊。。并且大小和高度和表單框一樣。。求助各位大神。。。

問題解答

<form role='form'> {{ wtf.quick_form(form) }}</form>class NameForm(FlaskForm): name = StringField(validators=[Required()],render_kw={'placeholder': 'your name','style':'width:300px'}) submit = SubmitField(’Submit’)

(1)內(nèi)聯(lián)表單： 內(nèi)聯(lián)表單中所有圖片描述元素都向左對齊，標(biāo)簽并排，要創(chuàng)建內(nèi)聯(lián)表單，需要在form標(biāo)簽中加入class.form-inline(2)render_kw可以修改表單元素樣式，style就是CSS參考：http://blog.csdn.net/kevin_qq...http://www.poluoluo.com/jzxy/...

不上圖了，圖居然是飄在中間的。。