[python] Flask-WTF에서 폼 요소들을 그릴 때 스타일을 설정하는 방법은 어떻게 되나요?

23 Nov 2023

python

예를 들어, 폼의 텍스트 입력란에 스타일을 적용하려면 다음과 같이 render_kw 매개변수를 이용할 수 있습니다:

from flask_wtf import FlaskForm
from wtforms import StringField, SubmitField
from wtforms.validators import DataRequired

class MyForm(FlaskForm):
    name = StringField('이름', validators=[DataRequired()], render_kw={'style': 'color: red;'})
    email = StringField('이메일', validators=[DataRequired()], render_kw={'style': 'background-color: yellow;'})
    submit = SubmitField('제출')

위의 예제에서 name 필드는 빨간색 텍스트, email 필드는 노란색 배경으로 스타일이 적용됩니다. render_kw 매개변수에 지정된 스타일은 원하는 HTML 속성을 포함할 수 있습니다.

그렇게 설정된 폼을 렌더링할 때 해당 스타일이 적용됩니다. 다음은 해당 폼을 템플릿에서 렌더링하는 예제입니다:

<form method="POST">
    {{ form.hidden_tag() }}
    <div class="form-group">
        {{ form.name.label }}
        {{ form.name }}
    </div>
    <div class="form-group">
        {{ form.email.label }}
        {{ form.email }}
    </div>
    {{ form.submit }}
</form>

위의 예제에서는 name 필드에 빨간색 텍스트 스타일이, email 필드에 노란색 배경 스타일이 적용됩니다. 원래의 폼 요소와 추가로 설정된 스타일이 함께 표시됩니다.

자세한 내용은 Flask-WTF 문서를 참조하시기 바랍니다: Flask-WTF 공식 문서