텍스트가 아닌 아이콘을 표시하는 제출 단추를 원합니다. 버튼은 WTForms 형식의 필드입니다. 나는 스타일과 아이콘을 위해 Bootstrap과 Open Iconic을 사용하고 있습니다. 아이콘을 표시하도록 제출 필드를 설정하려면 어떻게합니까? WTForms 제출 단추를 아이콘으로 설정
{{ form.submit }}
class MyForm(Form):
submit = SubmitField('')
icon 방법을 의미한다,하지만 난 거기에 더 이상 정보를 찾을 수 있습니다.
링크 된 예제는 Flask-Bootstrap에서 제공하는 매크로를 사용하고 있습니다. 매크로를 사용하면 부트 스트랩으로 양식을 쉽게 만들 수 있지만 유연하지 않을 수 있습니다. 예를 들어, 아마 Iconic 아이콘을 대신 사용할 수 있습니다.
일반적으로 유용한 데이터를 제공하지 않으므로 양식에 제출 단추를 지정할 필요가 없습니다. 템플릿의 버튼으로 제출을 수동으로 렌더링하고 필요한 모든 컨텐츠를 설정하십시오. 당신이 당신의 형태로 SubmitField을 필요로 할 경우
<button type=submit class="btn btn-primary"><span class="oi oi-check" title="Submit"></span></button>
, 당신은 HTML과 Markup 문자열로 라벨을 설정할 수 있습니다. Jinja에게 도망 치지 않고 렌더링하는 것이 안전하다고 알리려면 Markup이 필요합니다.
from markupsafe import Markup
submit_value = Markup('<span class="oi oi-check" title="Submit"></span>')
submit = SubmitField(submit_value)
그들은 추가 매크로를 추가하는 Flask-Bootstrap을 사용하고 있습니다. – davidism
그래,이 일을 더 나은 방법에 대한 느낌을 받기 시작했습니다. 제출 버튼 필드를 모두 바꾸고 플라스크 부트 스트랩 버튼 매크로 만 바꾸는 것이 좋습니다. – taylormade201