python - flask_Bootstrap的WTF的调用疑问
问题描述
各位大神,我在这个地方定义了一个表单,但是到前端的flask_Bootstrap调用就有点懵逼了。。求助
from flask_wtf import FlaskFormfrom wtforms import StringField,SubmitFieldfrom wtforms.validators import DataRequiredclass track(FlaskForm): test = StringField(’测试’,validators=[DataRequired(message=’不能为空’)]) commit = SubmitField(’确认’)
上面写的是一个表单,下面在前端使用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 %}
但是在前端显示出来是这样的
我知道这样显示是正常,但是我现在懵逼了,不知道怎么调成下面这样。。。把确认按钮放到表单框的旁边。。并且大小和高度和表单框一样。。求助各位大神。。。
问题解答
回答1:<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)内联表单: 内联表单中所有图片描述元素都向左对齐,标签并排,要创建内联表单,需要在form标签中加入class.form-inline(2)render_kw可以修改表单元素样式,style就是CSS参考:http://blog.csdn.net/kevin_qq...http://www.poluoluo.com/jzxy/...
不上图了,图居然是飘在中间的。。
相关文章:
1. javascript - vuejs 如何给option 添加点击事件2. html5 - vue项目中vuex存储问题3. mysql - spring data jpa 方法sql复杂查询?4. 微信订阅号如何用渠道二维码统计地推效果?5. 想练支付宝对接和微信支付对接开发(Java),好像个人不可以,怎么弄个企业的呢?6. javascript - QQ第三方登录的问题7. 并发 - python多进程+协程的正确姿势?8. python sqlalchemy create_engine问题9. 网页爬虫 - python爬虫翻页问题,请问各位大神我这段代码怎样翻页,还有价格要登陆后才能看到,应该怎么解决10. mysql - PHP 批量插入的时候 判断数据表里面是否重复怎么优化
