kjh2064/taxbaik
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

feat: enable enter key to submit login form

Browse Source 
**Enhancement:**
- Wrap login form in HTML <form> element with @onsubmit
- HTML form automatically treats Enter key as submit action
- No need for custom @onkeypress handler

**Behavior:**
- Users can now press Enter in password field to login
- Or click the login button (existing behavior maintained)
- Both methods trigger HandleLogin() async handler

This provides better UX for keyboard-first users.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
김재현
2026-06-28 13:03:11 +09:00
parent ad48befb9a
commit 351c7ac82c
1 changed files with 3 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
TaxBaik.Web/Components/Admin/Pages/Login.razor
+3 -4
View File
@@ -13,7 +13,7 @@
<MudPaper Class="pa-8" Elevation="3" Style="width: 100%; max-width: 400px;"> <MudPaper Class="pa-8" Elevation="3" Style="width: 100%; max-width: 400px;">
<MudText Typo="Typo.h4" Class="mb-6 text-center">관리자 로그인</MudText> <MudText Typo="Typo.h4" Class="mb-6 text-center">관리자 로그인</MudText>
<div> <form @onsubmit="HandleLogin" @onsubmit:preventDefault>
<InputText class="mud-input mud-input-outlined mud-input-root mud-input-root-adorned-start mb-4" <InputText class="mud-input mud-input-outlined mud-input-root mud-input-root-adorned-start mb-4"
style="width: 100%; min-height: 56px; padding: 16px 14px;" style="width: 100%; min-height: 56px; padding: 16px 14px;"
placeholder="사용자명" placeholder="사용자명"
@@ -32,10 +32,9 @@
<MudAlert Severity="Severity.Error" Class="mb-4">@errorMessage</MudAlert> <MudAlert Severity="Severity.Error" Class="mb-4">@errorMessage</MudAlert>
} }
<button type="button" <button type="submit"
class="mud-button-root mud-button mud-button-filled mud-button-filled-primary mud-elevation-0" class="mud-button-root mud-button mud-button-filled mud-button-filled-primary mud-elevation-0"
style="width: 100%; min-height: 52px; border: 0; border-radius: 4px; color: white;" style="width: 100%; min-height: 52px; border: 0; border-radius: 4px; color: white;"
@onclick="HandleLogin"
disabled="@isLoading"> disabled="@isLoading">
@if (isLoading) @if (isLoading)
{ {
@@ -47,7 +46,7 @@
<span>로그인</span> <span>로그인</span>
} }
</button> </button>
</div> </form>
</MudPaper> </MudPaper>
</MudContainer> </MudContainer>