在Django的form中使用CSS進行設計的方法

來源:互聯網
上載者:User
修改form的顯示的最快捷的方式是使用CSS。 尤其是錯誤清單,可以增強視覺效果。自動產生的錯誤清單精確的使用``
    ``,這樣,我們就可以針對它們使用CSS。 下面的CSS讓錯誤更加醒目了:

    
     

    雖然,自動產生HTML是很方便的,但是在某些時候,你會想覆蓋預設的顯示。 {{form.as_table}}和其它的方法在開發的時候是一個快捷的方式,form的顯示方式也可以在form中被方便地重寫。

    每一個欄位組件(, , , 或者類似)都可以通過訪問{{form.欄位名}}進行單獨的渲染。</p>

      Contact us  

    Contact us

    {% if form.errors %}

    Please correct the error{{ form.errors|pluralize }} below.

    {% endif %}

    {{ form.message.errors }} 會在

      裡面顯示,如果欄位是合法的,或者form沒有被綁定,就顯示一個Null 字元串。 我們還可以把 form.message.errors 當作一個布爾值或者當它是list在上面做迭代, 例如:

        {% if form.message.errors %}    
         
        {% for error in form.message.errors %}
      • {{ error }}
      • {% endfor %}
      {% endif %} Message: {{ form.message }}

      在校正失敗的情況下, 這段代碼會在包含錯誤欄位的div的class屬性中增加一個”errors”,在一個有序列表中顯示錯誤資訊。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.