From 85bf5ace9b568ece639192b32960ece2184668aa Mon Sep 17 00:00:00 2001 From: Peace Date: Thu, 11 Jul 2024 11:39:22 +0900 Subject: [PATCH] text field --- BlazorFluentUI/Components/App.razor | 5 +- .../Pages/FormInputs/FormInputTextField.razor | 82 +++++++++++++++++++ 2 files changed, 85 insertions(+), 2 deletions(-) diff --git a/BlazorFluentUI/Components/App.razor b/BlazorFluentUI/Components/App.razor index 9a92bd8..2204422 100644 --- a/BlazorFluentUI/Components/App.razor +++ b/BlazorFluentUI/Components/App.razor @@ -19,10 +19,11 @@ - - + + + diff --git a/BlazorFluentUI/Components/Pages/FormInputs/FormInputTextField.razor b/BlazorFluentUI/Components/Pages/FormInputs/FormInputTextField.razor index 2da6537..b510fbd 100644 --- a/BlazorFluentUI/Components/Pages/FormInputs/FormInputTextField.razor +++ b/BlazorFluentUI/Components/Pages/FormInputs/FormInputTextField.razor @@ -1,5 +1,7 @@ @page "/forminputtexfield" +@inject NavigationManager navManger; + @rendermode RenderMode.InteractiveServer TextField @@ -34,6 +36,86 @@ +Displays + + +
Full Width
+ +
+
Placeholder
+ +
+
+
Icons
+ + + + + + + + + + + + +
+ + + +Types + + + +
+
Password
+ Password +
+
+
Email (with spellcheck)
+ Email +
+
+
Telephone number
+ Tel +
+
+
Url
+ Url +
+
+
InputMode (Numeric)
+ InputMode.Numeric +
+ + Check + + + + +Focus + +

Focus Async

+
+ + FocusAsync +
+ + @code { string? eval1, eval2, eval3, eval4; + + string? dval1, dval2, dval3; + + string? tval1, tval2, tval3, tval4, tval5; + + string tmodel = string.Empty; + + void NavigateToThisPage() + { + navManger.NavigateTo("/forminputtexfield"); + } + + FluentTextField? focusTest; + string? fval; }