图像单选按钮flask_wtf

时间:2019-02-13 16:35:58

标签: python flask flask-wtforms

尝试通过使用flask_wtf来解决表单中“无线电场”类型的问题,如何将图像用作单选按钮。我不知道您实际上如何将图像设置为单选按钮。

我知道如何仅使用纯HTML而不使用flask_wtf来实现此目的。我的flask_wtf类和表单都正确设置了。我知道我必须以类似的方式遍历问题的子字段:

{% for subfield in form.question1 %}
<tr>
<td>{{ subfield }}</td>
<td>{{ subfield.label }}</td> <!-- but how to set image??-->
</tr>
{% endfor %}

这是flask_wtf类。出于演示目的,它只有一个RadioField问题:

class questionform1(FlaskForm):
    question1 = RadioField('Question1', choices = [('a','a'),('b','b'), ('c','c'),('d','d')])

仅使用HTML就是这样:

<label>
<input type="radio" name="q1" value="a" id="q1a" required><img 
src="/static/img/image1.png">
</label>

我确信它可能以某种方式出现,但是在线上缺乏有关如何执行此操作的信息,有什么建议吗?

0 个答案:

没有答案
相关问题