Wtforms表单字段文本放大

本文介绍了Wtforms表单字段文本放大的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

我是不熟悉wtforms和flask的人，正在尝试扩大物理字段的大小和其中的字体.我应该使用一段特定的代码还是使用CSS进行更改.

I am new to using wtforms and flask and am trying to enlarge the physical field size and the font inside of it. Should I use a specific piece of code or change it with css.

<div class="container"> <div class="col-md-12"> <form id="signinform" class="form form-horizontal" method="post" role="form" style="font-size:24px;"> {{ form.hidden_tag() }} {{ wtf.form_errors(form, hiddens="only") }} {{ wtf.form_field(form.first_name, autofocus=true) }} {{ wtf.form_field(form.last_name) }} {{ wtf.form_field(formpany) }} {{ wtf.form_field(form.reason) }} {{ wtf.form_field(form.us_citizen) }} {{ form.signature }} </form>

这是当前的外观.我希望字段更大，而键入时的字体也要更大.

在此先感谢您，如果在其他地方已经回答过，则对不起.

Thank you in advance, and sorry if this was already answered somewhere else.

推荐答案

您可以使用 TextAreaField 并定义大小.

You can use TextAreaField and define the size.

from wtforms import TextAreaField from wtforms.widgets import TextArea class NameForm(Form): first_name = TextAreaField('First Name', widget=TextArea())

在要放大的字段中添加一个ID:

Add an id into the field you want to enlarge:

{{ form.first_name.label(id='middle') }} {{ form.first_name(cols="20", rows="1", id='larger') }}

然后在CSS中定义字体大小:

#larger { font-size: 60px; } #middle { font-size: 40px; }