Besser aussehendes Register-Form und answer.html richtig eingebunden

core/accounts/forms.py

@@ -1,8 +1,22 @@
 from django import forms
 from django.contrib.auth.forms import UserCreationForm
 from django.contrib.auth.models import User
+from django import forms
 
 class RegisterForm(UserCreationForm):
     class Meta:
         model=User
-        fields = ['username','password1','password2'] 
+        fields = ['username','password1','password2']
+        
+    username = forms.CharField(
+        widget=forms.TextInput(attrs={'placeholder': 'BENUTZERNAME'})
+    )
+    password1 = forms.CharField(
+        widget=forms.PasswordInput(attrs={'placeholder': 'PASSWORT'})
+    )
+    password2 = forms.CharField(
+        widget=forms.PasswordInput(attrs={'placeholder': 'PASSWORT WIEDERHOLEN'})
+    )
+
+
+

core/accounts/templates/accounts/login.html

@@ -6,6 +6,17 @@
     <div class="p-4 m-2 border-blue-600 border-2 rounded-xl shadow-md">
         <h2 class="text-2xl text-center p-4 font-black">Anmeldung</h2>
         <form class="space-y-4" method="post">
+            {% if form.errors %}
+            <div class="text-red-600 font-black overflow-x-auto break-words text-center">
+                <ul>
+                    {% for field, errors in form.errors.items %}
+                        {% for error in errors %}
+                            <li>{{ error }}</li>
+                        {% endfor %}
+                    {% endfor %}
+                </ul>
+            </div>
+            {% endif %}
             {% csrf_token %}
             <div class="">
                 <input class="p-3 rounded-full bg-gray-200 focus:scale-105 transition duration-200 font-black" type="text" name="username" id="username" required placeholder="BENUTZERNAME">

core/accounts/templates/accounts/register.html

@@ -1,14 +1,52 @@
 {% extends 'accounts/base.html' %}
 {% block title %}Registrierung{% endblock %}
 {% block content %}
-<header>
-    <h2>Registrierung</h2>
-</header>
-<div class="login-container">
-    <form method="POST" novalidate>
-        {% csrf_token %}
-        <h2>Sign Up</h2>
-        {{ form.as_p }}		
-        <input type="submit" value="Register" />
-    </form>
-{% endblock %}
+<div class="grid place-content-center h-120">
+    <div class=" p-4 m-2 border-blue-600 border-2 rounded-xl shadow-md">
+        <h2 class="text-2xl text-center p-4 font-black">Registrieren</h2>
+
+        <form class=" space-y-4" method="post">
+            {% if form.errors %}
+            <div class="text-red-600 font-black overflow-hidden">
+                <ul>
+                    {% for field, errors in form.errors.items %}
+                        {% for error in errors %}
+                            <li>{{ error }}</li>
+                        {% endfor %}
+                    {% endfor %}
+                </ul>
+            </div>
+
+    {% endif %}
+
+            
+            {% csrf_token %}
+            <div class="register">
+
+                {{ form.username }}
+
+            </div>
+            <div class="register">
+
+                {{ form.password1 }}
+
+            </div>
+            <div class="register">
+                
+                {{ form.password2 }}
+
+                </div>
+      
+            <button class="w-full p-3 rounded-full bg-blue-600 text-white font-black hover:scale-105 transition duration-200" type="submit" class="login-button">Registrieren</button>
+        </form>
+        <button class="text-center text-sm w-full mt-2 font-light text-blue-600"><a href="{% url 'accounts:login' %}" class="register_link">Bereits ein Konto?</a></button>
+
+
+            
+ 
+        
+    </div>
+    </div>
+
+    {% endblock %}
+