django - 将自定义 html 添加到 django 中的选择字段标签

Question

我现在正在为一个需求而苦苦挣扎，我想向选择字段标签添加一个图像，但我真的不知道该怎么做。我正在使用 django 表单向导来呈现表单。
这是显示我想要实现的目标的图像:


这是我现在得到的(为了使单选按钮内联，我知道它可以通过 css 实现):


这是forms.py:

from django import forms
from django.utils.translation import gettext as _


CHOICES=[('0','Pay by card'), ('1','Invoice')]




class PaymentForm(forms.Form):
    title = 'payment'
    payment_method = forms.ChoiceField(label = _("Payment Options"), choices=CHOICES, widget=forms.RadioSelect(), required = True)

我正在使用向导表单进行渲染:

 {{ wizard.form.payment_method.label_tag }}
                                {{ wizard.form.payment_method|safe }}
                                {{ wizard.form.payment.errors}}

除了自定义小部件之外，有人对此有任何建议吗？

Answer 1

没有小部件:

from django.utils.safestring import mark_safe
CHOICES=[('0', mark_safe('Pay by card <img src="by_card.jpg"/>')),
         ('1', mark_safe('Invoice <img src="no_card.jpg"/>'))
]

信用: setting help_text for each choice in a RadioSelect