doc(Template5): 更新脚本增加自动获得焦点功能

Author: ArgoZhang

src/BootstrapBlazor.Server/Components/Samples/Tutorials/LoginAndRegister/Template5.razor.js

@@ -4,6 +4,9 @@
         const email = el.querySelector('.login-item-email');
         if (email) {
             email.classList.add('show');
+            const input = email.querySelector('.input');
+            input.focus();
+            input.select();
         }
     }
 }
@@ -23,6 +26,9 @@ export function go(id) {
             password.classList.add('show');
             password.classList.add('animate-fade-in')
             password.classList.remove('animate-fade-out')
+            const input = password.querySelector('.input');
+            input.focus();
+            input.select();
         }
     }
 }
@@ -35,6 +41,9 @@ export function back(id) {
             email.classList.add('show');
             email.classList.remove('animate-fade-out');
             email.classList.add('animate-fade-in');
+            const input = email.querySelector('.input');
+            input.focus();
+            input.select();
         }
 
         const password = el.querySelector('.login-item-password');