diff --git a/doc/dialog/BasicDoc.vue b/doc/dialog/BasicDoc.vue
index 82c1c45b6..4f8559655 100644
--- a/doc/dialog/BasicDoc.vue
+++ b/doc/dialog/BasicDoc.vue
@@ -13,7 +13,7 @@
             </div>
             <div class="flex align-items-center gap-3 mb-5">
                 <label for="email" class="font-semibold w-6rem">Email</label>
-                <InputText id="Email" class="flex-auto" autocomplete="off" />
+                <InputText id="email" class="flex-auto" autocomplete="off" />
             </div>
             <div class="flex justify-content-end gap-2">
                 <Button type="button" label="Cancel" severity="secondary" @click="visible = false"></Button>
@@ -41,7 +41,7 @@ export default {
     </div>
     <div class="flex align-items-center gap-3 mb-5">
         <label for="email" class="font-semibold w-6rem">Email</label>
-        <InputText id="Email" class="flex-auto" autocomplete="off" />
+        <InputText id="email" class="flex-auto" autocomplete="off" />
     </div>
     <div class="flex justify-content-end gap-2">
         <Button type="button" label="Cancel" severity="secondary" @click="visible = false"></Button>
@@ -61,7 +61,7 @@ export default {
             </div>
             <div class="flex align-items-center gap-3 mb-5">
                 <label for="email" class="font-semibold w-6rem">Email</label>
-                <InputText id="Email" class="flex-auto" autocomplete="off" />
+                <InputText id="email" class="flex-auto" autocomplete="off" />
             </div>
             <div class="flex justify-content-end gap-2">
                 <Button type="button" label="Cancel" severity="secondary" @click="visible = false"></Button>
@@ -93,7 +93,7 @@ export default {
             </div>
             <div class="flex align-items-center gap-3 mb-5">
                 <label for="email" class="font-semibold w-6rem">Email</label>
-                <InputText id="Email" class="flex-auto" autocomplete="off" />
+                <InputText id="email" class="flex-auto" autocomplete="off" />
             </div>
             <div class="flex justify-content-end gap-2">
                 <Button type="button" label="Cancel" severity="secondary" @click="visible = false"></Button>
diff --git a/doc/dialog/PositionDoc.vue b/doc/dialog/PositionDoc.vue
index de53c0e11..4e9d4b3df 100644
--- a/doc/dialog/PositionDoc.vue
+++ b/doc/dialog/PositionDoc.vue
@@ -26,7 +26,7 @@
             </div>
             <div class="flex align-items-center gap-3 mb-5">
                 <label for="email" class="font-semibold w-6rem">Email</label>
-                <InputText id="Email" class="flex-auto" autocomplete="off" />
+                <InputText id="email" class="flex-auto" autocomplete="off" />
             </div>
             <div class="flex justify-content-end gap-2">
                 <Button type="button" label="Cancel" severity="secondary" @click="visible = false"></Button>
@@ -68,7 +68,7 @@ export default {
     </div>
     <div class="flex align-items-center gap-3 mb-5">
         <label for="email" class="font-semibold w-6rem">Email</label>
-        <InputText id="Email" class="flex-auto" autocomplete="off" />
+        <InputText id="email" class="flex-auto" autocomplete="off" />
     </div>
     <div class="flex justify-content-end gap-2">
         <Button type="button" label="Cancel" severity="secondary" @click="visible = false"></Button>
@@ -102,7 +102,7 @@ export default {
             </div>
             <div class="flex align-items-center gap-3 mb-5">
                 <label for="email" class="font-semibold w-6rem">Email</label>
-                <InputText id="Email" class="flex-auto" autocomplete="off" />
+                <InputText id="email" class="flex-auto" autocomplete="off" />
             </div>
             <div class="flex justify-content-end gap-2">
                 <Button type="button" label="Cancel" severity="secondary" @click="visible = false"></Button>
@@ -155,7 +155,7 @@ export default {
             </div>
             <div class="flex align-items-center gap-3 mb-5">
                 <label for="email" class="font-semibold w-6rem">Email</label>
-                <InputText id="Email" class="flex-auto" autocomplete="off" />
+                <InputText id="email" class="flex-auto" autocomplete="off" />
             </div>
             <div class="flex justify-content-end gap-2">
                 <Button type="button" label="Cancel" severity="secondary" @click="visible = false"></Button>
diff --git a/doc/dialog/TemplateDoc.vue b/doc/dialog/TemplateDoc.vue
index bb66b4cee..227c4c8e5 100644
--- a/doc/dialog/TemplateDoc.vue
+++ b/doc/dialog/TemplateDoc.vue
@@ -19,7 +19,7 @@
             </div>
             <div class="flex align-items-center gap-3 mb-2">
                 <label for="email" class="font-semibold w-6rem">Email</label>
-                <InputText id="Email" class="flex-auto" autocomplete="off" />
+                <InputText id="email" class="flex-auto" autocomplete="off" />
             </div>
             <template #footer>
                 <Button label="Cancel" text severity="secondary" @click="visible = false" autofocus />
@@ -53,7 +53,7 @@ export default {
     </div>
     <div class="flex align-items-center gap-3 mb-2">
         <label for="email" class="font-semibold w-6rem">Email</label>
-        <InputText id="Email" class="flex-auto" autocomplete="off" />
+        <InputText id="email" class="flex-auto" autocomplete="off" />
     </div>
     <template #footer>
         <Button label="Cancel" text severity="secondary" @click="visible = false" autofocus />
@@ -79,7 +79,7 @@ export default {
             </div>
             <div class="flex align-items-center gap-3 mb-2">
                 <label for="email" class="font-semibold w-6rem">Email</label>
-                <InputText id="Email" class="flex-auto" autocomplete="off" />
+                <InputText id="email" class="flex-auto" autocomplete="off" />
             </div>
             <template #footer>
                 <Button label="Cancel" text severity="secondary" @click="visible = false" autofocus />
@@ -117,7 +117,7 @@ export default {
             </div>
             <div class="flex align-items-center gap-3 mb-2">
                 <label for="email" class="font-semibold w-6rem">Email</label>
-                <InputText id="Email" class="flex-auto" autocomplete="off" />
+                <InputText id="email" class="flex-auto" autocomplete="off" />
             </div>
             <template #footer>
                 <Button label="Cancel" text severity="secondary" @click="visible = false" autofocus />
diff --git a/doc/dialog/WithoutModalDoc.vue b/doc/dialog/WithoutModalDoc.vue
index f61c3ac17..6aa708f08 100644
--- a/doc/dialog/WithoutModalDoc.vue
+++ b/doc/dialog/WithoutModalDoc.vue
@@ -13,7 +13,7 @@
             </div>
             <div class="flex align-items-center gap-3 mb-5">
                 <label for="email" class="font-semibold w-6rem">Email</label>
-                <InputText id="Email" class="flex-auto" autocomplete="off" />
+                <InputText id="email" class="flex-auto" autocomplete="off" />
             </div>
             <div class="flex justify-content-end gap-2">
                 <Button type="button" label="Cancel" severity="secondary" @click="visible = false"></Button>
@@ -41,7 +41,7 @@ export default {
     </div>
     <div class="flex align-items-center gap-3 mb-5">
         <label for="email" class="font-semibold w-6rem">Email</label>
-        <InputText id="Email" class="flex-auto" autocomplete="off" />
+        <InputText id="email" class="flex-auto" autocomplete="off" />
     </div>
     <div class="flex justify-content-end gap-2">
         <Button type="button" label="Cancel" severity="secondary" @click="visible = false"></Button>
@@ -61,7 +61,7 @@ export default {
             </div>
             <div class="flex align-items-center gap-3 mb-5">
                 <label for="email" class="font-semibold w-6rem">Email</label>
-                <InputText id="Email" class="flex-auto" autocomplete="off" />
+                <InputText id="email" class="flex-auto" autocomplete="off" />
             </div>
             <div class="flex justify-content-end gap-2">
                 <Button type="button" label="Cancel" severity="secondary" @click="visible = false"></Button>
@@ -93,7 +93,7 @@ export default {
             </div>
             <div class="flex align-items-center gap-3 mb-5">
                 <label for="email" class="font-semibold w-6rem">Email</label>
-                <InputText id="Email" class="flex-auto" autocomplete="off" />
+                <InputText id="email" class="flex-auto" autocomplete="off" />
             </div>
             <div class="flex justify-content-end gap-2">
                 <Button type="button" label="Cancel" severity="secondary" @click="visible = false"></Button>