Add autofocus to firstname field

fet2020/rental/forms.py

@@ -38,6 +38,11 @@ class RentalCreateForm(forms.ModelForm):
             "date_end": DateInput(format=("%Y-%m-%d")),
         }
 
+    def __init__(self, *args, **kwargs):
+        super().__init__(*args, **kwargs)  # to get the self.fields set
+
+        self.fields["firstname"].autofocus = True
+
 
 class RentalAdminForm(forms.ModelForm):
     class Meta:

fet2020/templates/baseform/email.html

@@ -1,20 +1 @@
-<label>
+{% include "baseform/input.html" %}
-    <span>{{ field.label }} {% if not field.field.required %}(optional){% endif %}</span>
-    {% if field.errors %}
-        <div class="alert alert-danger">
-            <div class="alert-body">{{ field.errors }}</div>
-        </div>
-    {% endif %}
-    <input
-        type="email"
-        name="{{ field.name }}"
-        {% if field.value %}value="{{ field.value }}"{% endif %}
-        {% if field.field.required %}required{% endif %}
-        {% if field.field.disabled %}disabled{% endif %}
-        {% if field.field.autofocus %}autofocus{% endif %}
-        class="w-full"
-    >
-    {% if field.help_text %}
-        <small class="text-gray-700 dark:text-gray-200">{{ field.help_text }}</small>
-    {% endif %}
-</label>

fet2020/templates/baseform/file.html

@@ -1,15 +1 @@
-<label>
+{% include "baseform/input.html" %}
-    <span>{{ field.label }} {% if not field.field.required %}(optional){% endif %}</span>
-    {% if field.errors %}
-        <div class="alert alert-danger">
-            <div class="alert-body">{{ field.errors }}</div>
-        </div>
-    {% endif %}
-    <input
-        type="file"
-        name="{{ field.name }}"
-        {% if field.field.required %}required{% endif %}
-        {% if field.field.disabled %}disabled{% endif %}
-        {% if field.field.autofocus %}autofocus{% endif %}
-    >
-</label>

fet2020/templates/baseform/input.html

@@ -0,0 +1,22 @@
+<label>
+    <span>{{ field.label }} {% if not field.field.required %}(optional){% endif %}</span>
+    {% if field.errors %}
+        <div class="alert alert-danger">
+            <div class="alert-body">{{ field.errors }}</div>
+        </div>
+    {% endif %}
+    <input
+        type="{{ field.field.widget.input_type }}"
+        name="{{ field.name }}"
+        {% if field.value %}value="{{ field.value }}"{% endif %}
+        {% if field.field.required %}required{% endif %}
+        {% if field.field.disabled %}disabled{% endif %}
+        {% if field.field.autofocus or field.field.widget.attrs.autofocus %}autofocus{% endif %}
+        {% if field.field.widget.attrs.autocapitalize %}autocapitalize="{{ field.field.widget.attrs.autocapitalize }}"{% endif %}
+        {% if field.field.widget.attrs.maxlength %}maxlength="{{ field.field.widget.attrs.maxlength }}"{% endif %}
+        class="w-full"
+    >
+    {% if field.help_text %}
+        <small class="text-gray-700 dark:text-gray-200">{{ field.help_text }}</small>
+    {% endif %}
+</label>

fet2020/templates/baseform/password.html

@@ -1,20 +1 @@
-<label>
+{% include "baseform/input.html" %}
-    <span>{{ field.label }} {% if not field.field.required %}(optional){% endif %}</span>
-    {% if field.errors %}
-        <div class="alert alert-danger">
-            <div class="alert-body">{{ field.errors }}</div>
-        </div>
-    {% endif %}
-    <input
-        type="password"
-        id="id_{{ field.name }}"
-        name="{{ field.name }}"
-        {% if field.field.required %}required{% endif %}
-        {% if field.field.disabled %}disabled{% endif %}
-        {% if field.field.autofocus %}autofocus{% endif %}
-        class="w-full"
-    >
-    {% if field.help_text %}
-        <small class="text-gray-700 dark:text-gray-200">{{ field.help_text }}</small>
-    {% endif %}
-</label>

fet2020/templates/baseform/text.html

@@ -1,20 +1 @@
-<label>
+{% include "baseform/input.html" %}
-    <span>{{ field.label }} {% if not field.field.required %}(optional){% endif %}</span>
-    {% if field.errors %}
-        <div class="alert alert-danger">
-            <div class="alert-body">{{ field.errors }}</div>
-        </div>
-    {% endif %}
-    <input
-        type="text"
-        name="{{ field.name }}"
-        {% if field.value %}value="{{ field.value }}"{% endif %}
-        {% if field.field.required %}required{% endif %}
-        {% if field.field.disabled %}disabled{% endif %}
-        {% if field.field.autofocus %}autofocus{% endif %}
-        class="w-full"
-    >
-    {% if field.help_text %}
-        <small class="text-gray-700 dark:text-gray-200">{{ field.help_text }}</small>
-    {% endif %}
-</label>