在Flask WTForms中,可以通过自定义样式来控制BootStrap窗体的外观。具体步骤如下:
from flask_wtf import FlaskForm
from wtforms import StringField, SubmitField
from wtforms.validators import DataRequired
class MyForm(FlaskForm):
name = StringField('Name', validators=[DataRequired()])
submit = SubmitField('Submit')
<form method="POST" action="{{ url_for('submit_form') }}" class="form-horizontal">
{{ form.hidden_tag() }}
<div class="form-group">
{{ form.name.label(class="control-label col-sm-2") }}
<div class="col-sm-10">
{{ form.name(class="form-control") }}
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
{{ form.submit(class="btn btn-primary") }}
</div>
</div>
</form>
在上述代码中,form.name.label
用于显示字段的标签,form.name
用于显示输入框,form.submit
用于显示提交按钮。通过为这些元素添加Bootstrap的class属性,可以实现不同的样式效果。
关于Flask WTForms的更多信息和用法,可以参考腾讯云的相关产品文档:Flask WTForms
领取专属 10元无门槛券
手把手带您无忧上云