Question

我在django中有一个表单：

    country=forms.MultipleChoiceField(choices=lista_tari, widget=forms.CheckboxSelectMultiple(),required=True)

我想要的是在网页的多个列上显示此表单。有30个选择，我希望它们在6或5或任何列上。

这是search.html：

{% block content%}

    <form method="POST" class="post-form">{% csrf_token %}
            {{ form.as_p }}
            <button type="submit" class="save btn btn-default">Save</button>
    </form>


{% endblock %}

我对css，html甚至django都是全新的，所以任何帮助都会有很大的帮助。谢谢！

Answer 1

{% for field in form %}
  {% ifequal forloop.counter 6 %}</ul><ul>{% endifequal %}
  <li>{{ field }}</li>
{% endfor %}

你可以尝试这样的事情

Answer 2

<form method="POST" class="post-form">{% csrf_token %}
     <div class="form-check form-check-inline">
        {% for field in form %}             
            {% if forloop.counter|divisibleby:3 %}</div><div class="form-check form-check-inline">{% endif %}
                {{ field.errors }}
                {{ field.label_tag }} {{ field }}            
        {% endfor %}
     </div>          
      <button type="submit" class="save btn btn-default">Save</button>
</form>

但是你应该使用django-bootstrap3来帮助你集成django和bootstrap。

MultipleChoiceField在多个列上

2 个答案: