Django Hazır Formlara CSS Tanımlamak


Django Formları

Django’un bir diğer öne çıkan kolaylıkları ise formlardır. Kullanıcı giriş, kullanıcı kayıt, şifre mi unuttum ve şifre sıfırlama gibi hazır formları bulunmaktadır. Fakat herhangi bir CSS class’ı tanımlı değildir. Görsel olarak düzenlenmek istediğimiz zaman kafada bir soru işareti uyandırıyor. Bunu nasıl olduğunu çözeceğiz …

  • Kullanıcı giriş formu : AuthenticationForm olarak adlandırılır.

1-)  forms.py girelim ve aşşağıdaki modülleri ekliyelim öncelikle :

  • forms. ve widgets modülleri eklediğimize göre mevcut formlara ve css eklemeleri yapabiliriz.

2-) Djangoda kullanıcı giriş formunun “AuthenticationForm” olduğunu söylemiştik. O halde bu forma bağlanip düzenlemeler yapalım :

  • AuthenticationForm : Hazır olarak gelen kullanıcı giriş formudur. Onu ezip yani yeni özellik eklemek için oluşturduğumuz class’dır.
  • widget : “widget” olarak belirttiğimiz durum ise, html sayfada nasıl göreneceği bölümdür. Yani Type=”text” olarak belirttiğimiz yerdir aslında.
  • Class atamalarıda görüldüğü gibi , ‘class’:’class_adı’ şeklinde eklenebiliyor. placeholder,disable vb. özellikleride aynı şekil ekleyebiliriz.

3-) Giriş forma css tanımladık. Şimdi views.py üzerinden çağırıp bakalım  :

  • Mevcut formlara ulaşmak için, forms.py modülünü eklememiz gerekiyor.

  • Ekledikten sonra bir görünüm oluşturalım :

  • test1.html sayfasına şu şekilde çağıracağız : {{ form }}

  • Siteyi başlatıp, sonuca bakalım :

django formlara css ekleme

  • Görüldüğü gibi, kırmızı kutulu yerlerde class ve placeholder özelliği eklemiş olduk.

Umarım faydalı olmuştur.

Django Hazır Formlara CSS Tanımlamak

Giriş Yap

Hoşgeldin, sefa getirdin :)

Şifre Sıfırla

Şifreni bidaha unutma lütfen :)

Geri git :
Giriş Yap