Python django Login bölümü

Python
1

Merhaba;
Django’da login bölümü yapıyorum.Lakin oluşturduğum vakit charfield’larımın yan yana değil alt alta gelmesini istiyorum.Öte yandan görüntüleri hiç hoş değil onların css’leri üzerinde nasıl oynama yapabilirim.

login
login787×186 9.71 KB

2

1. Seçenek

<input type="text" name="x">

x: Modelinizdeki field adı.

HTML dosyanızı bu şekilde oluşturarak css class’ları da kullanabilirsiniz.

2. Seçenek

{{ form.as_p }}

Formunuz HTML’deki p etiketleri arasına alınır.

3

daha detaylı açar mısınız…
‘’’

{% for eklenti in form %}
{{ eklenti}} 
{%  endfor  %}


<br>
<button  type="submit" class="btn-kayit" >Kaydet</button>
'''

şöyle bir olay yaparak alt alta yazdırabildim.Lakin bu sefer de görünt bozuk oldu.Buradakilerin csslerine müdahale de bulunmak istiyorum

l3

4 
<form method="post"> {% csrf_token %}
<label>Kullanıcı Adı: </label>
<input type="text" name="username"> <!--Buradaki 'username' farklı olabilir.<-->

<label> Parola: </label>
<input type="password" name="password1"> <!-- password1 de değişebilir. <-->

<label> Doğrula: </label>
<input type="password" name="password2"> <!-- Aynı şekilde bu da değişebilir. <-->

<button type="submit"> Kaydet </button>
</form>

Bu şekilde.

5

https://m.youtube.com/results?search_query=css+login+form+design

6

form classinda oynayarak css leri ve diğer html attr ları değiştirebilirsiniz.

class MyForm(forms.ModelForm):
    class Meta:
        model = MyModel
        widgets = {
            'myfield': forms.TextInput(attrs={'class': 'myfieldclass'}),
        }

yada

class MyForm(forms.Form):
    myfield = forms.CharField(widget=forms.TextInput(attrs={'class' : 'myfieldclass'}))

yada

class MyForm(forms.ModelForm):
    class Meta:
        model = MyModel

    def __init__(self, *args, **kwargs):
        super(MyForm, self).__init__(*args, **kwargs)
        self.fields['myfield'].widget.attrs.update({'class' : 'myfieldclass'})

ayrıca dökümantasyona bakarak formu kendiniz inşa etmeniz tasarım konusunda esneklik sağlayacaktır.

7

Bu kısmı uyguladı yalnız view.py ile alakası oluyor.FOr döngüsü ile oluşturdum yalnız