ASP.NET MVC HTML Helpers Tutorial with Examples

  @helper ListingItems(string[] items)
  {


  @foreach (string item in items)
  {
@item
  }
  
  }

  @ListingItems(new string[] { "Red", "Green", "Blue" })

  @ListingItems(new string[] { "US", "UK", "Koria" })

  @ListingItems(new string[] { "Cricker", "Tennis", "Golf" })
  

2. Built-In Html Helpers

This type of Html Helpers are extension methods on the HtmlHelper class. Further these are divided into below categories.

i – Standard Html Helpers

Standard Html Helpers are used to render frequently used HTML tags like text boxes,text area,radiobuttons, checkboxes etc. A list of most common standard html helpers is listed below:

• HTML Element : TextBox
  Example : @Html.TextBox("txtName", "val")
  OutPut : 

• HTML Element : TextArea
  Example : @Html.TextArea("txtAddress", "val", 5, 15, null)
  OutPut : val

In the same way you can use other control like below

• @Html.Password(“txtPassword”, “val”)
• @Html.Hidden(“hfStudentId”, “val”)
• @Html.CheckBox(“chkTerms”, false)
• @Html.RadioButton(“rbGender”, “val”, true)
• @Html.DropDownList (“ddlGender”, new SelectList(new [] {“Male”, “Female”}))
• @Html.ListBox(“lbSports”, new MultiSelectList(new [] {“Cricket”, “Chess”}))

ii – Strongly Typed HTML Helpers

These helpers can be use to render the frequntly used HTML elements in strongly typed view like as HTML text boxes, checkboxes etc. The HTML elements are created based on model properties.
The strongly typed HTML helpers work with a lambda expression.The view model object is passed as a value to a lambda expression, and any field or property from view model object to be used to set the id, name and value attributes of the HTML helper.

• HTML Element : TextBox
  Example : @Html.TextBoxFor(m=>m.Name)
  OutPut : 

• HTML Element : TextArea
  Example : @Html.TextArea(m=>m.Address , 5, 15, new{}))
  OutPut : val

In the same way you can use other control like below

• @Html.PasswordFor(m=>m.Password)
• @Html.HiddenFor(m=>m.ClientId)
• @Html.CheckBoxFor(m=>m.IsActive)
• @Html.RadioButtonFor(m=>m.IsApproved, “val”)
• @Html.DropDownListFor(m => m.Gender, new SelectList(new [] {“Male”, “Female”}))
• Html.ListBoxFor(m => m.Hobbies, new MultiSelectList(new [] {“Cricket”, “Music”}))

3. Custom Html Helpers

As per your need you may also create your own custom helper methods by creating an extension method on the HtmlHelper class or by creating static methods with in a utility class.

JSON Fundamentals Tutorial with Examples

Read :

• Technology
• Google Adsense
• Programming

Summary

You can also read about AngularJS, ASP.NET, VueJs, PHP.

I hope you get an idea about ASP.NET MVC HTML Helpers Tutorial with Examples.
I would like to have feedback on my Pakainfo.com blog.
Your valuable feedback, question, or comments about this article are always welcome.
If you enjoyed and liked this post, don’t forget to share.