Adding autocomplete values to inputs

Author: tnylea

resources/js/pages/auth/confirm-password.tsx

@@ -36,6 +36,7 @@ export default function ConfirmPassword() {
                             type="password"
                             name="password"
                             placeholder="Password"
+                            autoComplete="current-password"
                             value={data.password}
                             autoFocus
                             onChange={(e) => setData('password', e.target.value)}

resources/js/pages/auth/login.tsx

@@ -66,6 +66,7 @@ export default function Login({
                             required
                             autoFocus
                             tabIndex={1}
+                            autoComplete="email"
                             value={data.email}
                             onChange={(e) => setData("email", e.target.value)}
                         />
@@ -90,6 +91,7 @@ export default function Login({
                             type="password"
                             required
                             tabIndex={2}
+                            autoComplete="current-password"
                             value={data.password}
                             onChange={(e) => setData("password", e.target.value)}
                         />

resources/js/pages/auth/register.tsx

@@ -53,6 +53,7 @@ export default function Register() {
                             required
                             autoFocus
                             tabIndex={1}
+                            autoComplete="name"
                             value={data.name}
                             onChange={(e) => setData("name", e.target.value)}
                             disabled={processing}
@@ -67,6 +68,7 @@ export default function Register() {
                             type="email"
                             required
                             tabIndex={2}
+                            autoComplete="email"
                             value={data.email}
                             onChange={(e) => setData("email", e.target.value)}
                             disabled={processing}
@@ -81,6 +83,7 @@ export default function Register() {
                             type="password"
                             required
                             tabIndex={3}
+                            autoComplete="new-password"
                             value={data.password}
                             onChange={(e) => setData("password", e.target.value)}
                             disabled={processing}
@@ -97,6 +100,7 @@ export default function Register() {
                             type="password"
                             required
                             tabIndex={4}
+                            autoComplete="new-password"
                             value={data.password_confirmation}
                             onChange={(e) => setData("password_confirmation", e.target.value)}
                             disabled={processing}

resources/js/pages/auth/reset-password.tsx

@@ -51,9 +51,9 @@ export default function ResetPassword({ token, email }: ResetPasswordProps) {
                             id="email"
                             type="email"
                             name="email"
+                            autoComplete="email"
                             value={data.email}
                             className="mt-1 block w-full"
-                            autoComplete="username"
                             readOnly
                             onChange={(e) => setData('email', e.target.value)}
                         />
@@ -66,9 +66,9 @@ export default function ResetPassword({ token, email }: ResetPasswordProps) {
                             id="password"
                             type="password"
                             name="password"
+                            autoComplete="new-password"
                             value={data.password}
                             className="mt-1 block w-full"
-                            autoComplete="new-password"
                             autoFocus
                             onChange={(e) => setData('password', e.target.value)}
                         />
@@ -83,9 +83,9 @@ export default function ResetPassword({ token, email }: ResetPasswordProps) {
                             id="password_confirmation"
                             type="password"
                             name="password_confirmation"
+                            autoComplete="new-password"
                             value={data.password_confirmation}
                             className="mt-1 block w-full"
-                            autoComplete="new-password"
                             onChange={(e) => setData('password_confirmation', e.target.value)}
                         />
                         <InputError message={errors.password_confirmation} className="mt-2" />