How do you bind the value of the HTML element with a C# property in Blazor?
Nov 23, 2020
Blazor,
ASP .NET Core Blazor,
Blazor FAQ,
bind value of HTML element blazpr,
c# property blazor,
729 Views
This code will help you to understand how to bind the value of the HTML element with a C# property in Blazor.
You have to use the bind attribute to reflect the DOM element value in the C# property.
<p>
@* This is the input element *@
Enter your name: <input type="text" @bind=@name />
<button @onclick="@PrintName">Print Name</button>
</p>@code {
string name;
private void PrintName()
{
Console.WriteLine(name); // Here the entered name will be printed.
}
}