Set WTForms Schaltfläche zum Senden an Symbol

Question

Ich möchte eine Schaltfläche senden, die ein Symbol anstelle von Text anzeigt. Die Schaltfläche ist ein Feld in einem WTForms-Formular. Ich verwende Bootstrap und Open Iconic für Styling und Symbole. Wie kann ich das Feld "Senden" so einstellen, dass ein Symbol angezeigt wird?

class MyForm(Form): 
    submit = SubmitField('') 

{{ form.submit }} 

This post bezieht sich auf eine icon Methode, aber ich kann nicht mehr Informationen über sie finden.

Answer 1

Das Beispiel, das Sie verknüpften, verwendet Makros, die von Flask-Bootstrap bereitgestellt werden. Die Makros erleichtern das Erstellen von Formularen mit Bootstrap, sind jedoch möglicherweise nicht flexibel. Zum Beispiel unterstützen sie wahrscheinlich nicht die Verwendung von Open Iconic Icons.

In der Regel müssen Sie die Übergabeschaltfläche im Formular nicht angeben, da sie keine nützlichen Daten liefert. Rendern Sie das Senden als eine Schaltfläche in der Vorlage manuell und legen Sie den gewünschten Inhalt fest.

<button type=submit class="btn btn-primary"><span class="oi oi-check" title="Submit"></span></button> 

Wenn Sie ein SubmitField in dem Formular müssen tun, können Sie das Etikett auf einen Markup String mit dem HTML gesetzt. Die Markup wird benötigt, um Jinja zu sagen, dass es sicher ist zu rendern, ohne zu entkommen.

from markupsafe import Markup 
submit_value = Markup('<span class="oi oi-check" title="Submit"></span>') 
submit = SubmitField(submit_value)