Question

我使用django表单模板动态生成我的html除了单选按钮显示在<ul><li>内并且不是我喜欢的格式之外，一切正常。如何覆盖这种格式，我只想让单选按钮并排。

Answer 1

您不需要覆盖模板。只需更改css以格式化列表的方式（水平li）。这是一个例子：http://css.maxdesign.com.au/listamatic/horizontal01.htm

Answer 2

是的，您可以使用模板渲染表单，在没有CSS或自定义窗口小部件的情况下更改此设置。例如：

{% for radio in myform.beatles %}
<div class="myradio">
    {{ radio }}
</div>
{% endfor %}

将生成以下HTML：

<div class="myradio">
    <label><input type="radio" name="beatles" value="john" /> John</label>
</div>
<div class="myradio">
    <label><input type="radio" name="beatles" value="paul" /> Paul</label>
</div>
<div class="myradio">
    <label><input type="radio" name="beatles" value="george" /> George</label>
</div>
<div class="myradio">
    <label><input type="radio" name="beatles" value="ringo" /> Ringo</label>
</div>

要进一步细化，请参阅https://docs.djangoproject.com/en/dev/ref/forms/widgets/#radioselect

Answer 3

修改RadioSelect小部件以具有自定义布局，here是一种方法。

django单选按钮显示在<ul> </ul>中

3 个答案: