Add autocomplete attributes to form fields

Author: chriscarrollsmith

templates/authentication/register.html

@@ -10,13 +10,15 @@
         <!-- Name Input -->
         <div class="mb-3">
             <label for="name" class="form-label">Name</label>
-            <input type="text" class="form-control" id="name" name="name" placeholder="Enter your name" required>
+            <input type="text" class="form-control" id="name" name="name" placeholder="Enter your name" required
+                   autocomplete="name">
         </div>
 
         <!-- Email Input -->
         <div class="mb-3">
             <label for="email" class="form-label">Email</label>
-            <input type="email" class="form-control" id="email" name="email" placeholder="Enter your email" required>
+            <input type="email" class="form-control" id="email" name="email" placeholder="Enter your email" required
+                   autocomplete="email">
         </div>
 
         <!-- Password Input -->
@@ -25,7 +27,8 @@
             <input type="password" class="form-control" id="password" name="password" 
                    pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[@$!%*?&\{\}\<\>\.\,\\\\'#\-_=\+\(\)\[\]:;\|~])[A-Za-z\d@$!%*?&\{\}\<\>\.\,\\\\'#\-_=\+\(\)\[\]:;\|~]{8,}"
                    title="Must contain at least one number, one uppercase and lowercase letter, one special character, and at least 8 or more characters" 
-                   placeholder="Enter your password" required>
+                   placeholder="Enter your password" required
+                   autocomplete="new-password">
             <div class="invalid-feedback">
                 Must contain at least one number, one uppercase and lowercase letter, one special character, and at least 8 or more characters
             </div>
@@ -35,7 +38,8 @@
         <div class="mb-3">
             <label for="confirm_password" class="form-label">Confirm Password</label>
             <input type="password" class="form-control" id="confirm_password" name="confirm_password" 
-                   placeholder="Confirm your password" required>
+                   placeholder="Confirm your password" required
+                   autocomplete="new-password">
             <div class="invalid-feedback">
                 Passwords do not match.
             </div>

templates/authentication/reset_password.html

@@ -8,7 +8,7 @@
 <div class="reset-password-form">
     <form method="POST" action="{{ url_for('reset_password') }}" class="needs-validation" novalidate>
         <!-- Hidden Email Input -->
-        <input type="hidden" name="email" value="{{ email }}">
+        <input type="hidden" name="email" value="{{ email }}" autocomplete="email">
 
         <!-- Hidden Token Input -->
         <input type="hidden" name="token" value="{{ token }}">
@@ -19,7 +19,7 @@
             <input type="password" class="form-control" id="new_password" name="new_password" 
             pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[@$!%*?&\{\}\<\>\.\,\\\\'#\-_=\+\(\)\[\]:;\|~])[A-Za-z\d@$!%*?&\{\}\<\>\.\,\\\\'#\-_=\+\(\)\[\]:;\|~]{8,}" 
                    title="Must contain at least one number, one uppercase and lowercase letter, one special character, and at least 8 or more characters" 
-                   required>
+                   required autocomplete="new-password">
             <div class="invalid-feedback">
                 Must contain at least one number, one uppercase and lowercase letter, one special character, and at least 8 or more characters
             </div>
@@ -28,7 +28,8 @@
         <!-- Confirm New Password Input -->
         <div class="mb-3">
             <label for="confirm_new_password" class="form-label">Confirm New Password</label>
-            <input type="password" class="form-control" id="confirm_new_password" name="confirm_new_password" required>
+            <input type="password" class="form-control" id="confirm_new_password" name="confirm_new_password" 
+                   required autocomplete="new-password">
             <div class="invalid-feedback">
                 Passwords do not match.
             </div>