Bagaimana Saya Boleh Menggayakan Borang Django dengan CSS?

Menggayakan Borang Django dengan CSS

Dalam Django, borang boleh disesuaikan menggunakan gaya CSS. Ini membolehkan pembangun mengubah rupa elemen borang, seperti subjek, e-mel dan medan mesej.

Untuk menggayakan borang yang disebut dalam soalan:

Menambah Kelas atau ID ke Medan Bentuk

Salah satu cara untuk menambah kelas atau ID pada medan bentuk ialah melalui kamus attrs atribut widget. Contohnya:

class ContactForm(forms.Form):
    subject = forms.CharField(max_length=100, widget=forms.TextInput(attrs={'class': 'subject-class'}))
    email = forms.EmailField(required=False, widget=forms.EmailInput(attrs={'id': 'email-id'}))
    message = forms.CharField(widget=forms.Textarea(attrs={'class': 'message-class'}))

Menggunakan ModelForm untuk Penggayaan Lanjutan

ModelForm menyediakan cara yang lebih maju untuk menyesuaikan pemaparan borang. Ia menyokong penggunaan kelas Meta di mana atribut widget boleh ditentukan untuk setiap medan borang.

class ContactForm(forms.ModelForm):
    class Meta:
        model = Contact
        widgets = {
            'subject': forms.TextInput(attrs={'class': 'subject-class'}),
            'email': forms.EmailInput(attrs={'id': 'email-id'}),
            'message': forms.Textarea(attrs={'class': 'message-class'})
        }

Mengatasi Pemberi Borang

Untuk kawalan sepenuhnya ke atas pemaparan borang , kaedah as_table boleh ditindih. Ini membolehkan pembangun membuat templat tersuai yang mentakrifkan reka letak dan gaya borang.

def as_table(self):
    return "custom form template with styles"

Dengan mengikut kaedah ini, elemen borang boleh digayakan mengikut keperluan menggunakan helaian gaya luaran.

Atas ialah kandungan terperinci Bagaimana Saya Boleh Menggayakan Borang Django dengan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!