Live Chat Icon For mobile
Live Chat Icon

How do you bind the value of the HTML element with a C# property in Blazor?

Platform: Blazor| Category: Data binding

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.
    }
}

Share with

Share on twitter
Share on facebook
Share on linkedin

Related FAQs

Couldn't find the FAQs you're looking for?

Please submit your question and answer.