fix(auth): improve password form autocomplete

2026-07-28 23:27:59 +08:00
parent 1a7fd11eee
commit 8ae004b466
5 changed files with 69 additions and 18 deletions
@@ -105,8 +105,11 @@ async function handleRegister() {
              <NInput
                v-model:value="username"
                type="text"
-                required
-                autocomplete="username"
+                :input-props="{
+                  autocomplete: 'username',
+                  name: 'username',
+                  required: true,
+                }"
                placeholder="你的昵称"
                maxlength="20"
              />
@@ -115,8 +118,13 @@ async function handleRegister() {
            <NFormItem label="邮箱">
              <NInput
                v-model:value="email"
-                required
-                autocomplete="email"
+                type="text"
+                :input-props="{
+                  autocomplete: 'email',
+                  inputmode: 'email',
+                  name: 'email',
+                  required: true,
+                }"
                placeholder="your@email.com"
              />
            </NFormItem>
@@ -125,9 +133,12 @@ async function handleRegister() {
              <NInput
                v-model:value="password"
                type="password"
-                required
                show-password-on="click"
-                autocomplete="new-password"
+                :input-props="{
+                  autocomplete: 'new-password',
+                  name: 'new-password',
+                  required: true,
+                }"
                placeholder="至少8位"
              />
            </NFormItem>
@@ -136,9 +147,12 @@ async function handleRegister() {
              <NInput
                v-model:value="confirmPassword"
                type="password"
-                required
                show-password-on="click"
-                autocomplete="new-password"
+                :input-props="{
+                  autocomplete: 'new-password',
+                  name: 'confirm-new-password',
+                  required: true,
+                }"
                placeholder="再次输入密码"
              />
            </NFormItem>