簡體   English   中英

Django表單域:為Bootstrap設計樣式而不丟失功能?

[英]Django form-fields: Styling for Bootstrap without losing functionality?

因此,django中的form.as_p給出了一種簡單而又非常適合的形式,其字段輸入與實體屬性類型匹配,如下所示:

在此處輸入圖片說明

注意vintage是一個下拉項, brand 但是話又說回來,這很簡單

我想將引導樣式與django表單一起使用,而又不會失去django通過模型屬性自定義每種輸入類型的方式。

我設法做到這一點:

在此處輸入圖片說明

通過在我的.pug模板中執行以下操作:

                form(method="post" action=".")
                    | {% csrf_token %}
                    for field in da_form
                        div(class="form-group row")
                            label(class="col-lg-4 col-md-3 cold-sm-6 col-form-label") {{field.label_tag}}
                            div(class="col-lg-8 col-md-3 cold-sm-6")
                                input(class="form-control") {{field}}
                    input(class="form-control")(type="submit" value="submit")

但是我如何才能同時從django中獲取樣式和可滿足要求的表單輸入呢? 在我當前的形式中,所有字段都是簡單的輸入類型。

<form action="" method="POST">
{% for fields in form.visible_fields %}
<div label={{ fields.label_tag }} class="bootstrap class" id="your need">
<div class="your need">{{ fields }} </div>
{% endfor %}
<input type="submit" value="Submit">
</div>
</form>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM