Wtformsフォームフィールドのテキストの拡大

Question

私はwtformsとフラスコを初めて使用しており、物理フィールドのサイズとその内部のフォントを拡大しようとしています。特定のコードを使用するか、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(form.company) }} 
    {{ wtf.form_field(form.reason) }} 
    {{ wtf.form_field(form.us_citizen) }} 
    {{ form.signature }} 
    </form> 

This is what it currently looks like. I want the field to be bigger and the font when typed out to be bigger too.

これはすでにどこか答えられた場合には、事前にありがとう、と申し訳ありません。

Answer 1

TextAreaFieldを使用してサイズを定義できます。

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

拡大したいフィールドにIDを追加します。その後、CSSでフォントサイズを定義

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

：

#larger { 
font-size: 60px; 
} 

#middle { 
font-size: 40px; 
}