Asp .Net MVC HTML Helpers :--

HTML helpers helps to render HTML controls (Like TextBox, label,Checkbox etc) in the view.Suppose you want to display a TextBox and Label on the view,you need to write below html helper code in view:--

 @Html.TextBox("FirstName")
 @Html.Label("LastName")

There are three types of HTML helpers is given below:-

1. Inline Html Helpers
2. Built-In Html Helpers
3. Custom Html Helpers

Inline Html Helpers:-

It's create in the same view by using the Razor @helper tag.it can be reused on the same view.

@helper ListItems(string[] items) 
{ 
<ul>
     @foreach (string item in items) 
     { 
       <li>
          @item
        </li>
     } 
</ul>
} 
<h4>Offered Courses:</h4> 
@ListItems(new string[] { "BCA", "B.Tech", "MCA","MBA" }) 
<h4>Seat Availability :</h4> 
@ListItems(new string[] { "60", "120", "60","120" }) 

Built-In Html Helpers:-

Built-In Html Helpers are extension methods on the Html Helper class. It's divided into three categories-

• Standard Html Helpers:- It's used to render the most common types of HTML elements like as HTML text boxes, label, checkbooks,select etc. A list of most common standard html helpers is given below :--

• Strongly Typed HTML Helpers :- It's also used to render the most common types of HTML elements in strongly typed view like as HTML text boxes, label, checkboxes,dropdown etc. The HTML elements are created based on model properties. It works on lambda expression. The model object is passed as a value to lambda expression, and you can select the field or property from model object to be used to set the id, name and value attributes of the HTML helper. A list of most common Strongly Typed html helpers is given below :--

• Templated HTML Helpers :-Templated helpers figure out what HTML elements are required to render based on properties of your model class. It's a very flexible approach for displaying data to the user, although it requires some initial care and attention to set up. To setup proper HTML element with Templated HTML Helper, make use of DataType attribute of Data Annotation class.

Example:-When you use DataType as Password, A templated helper automatically render Password type HTML input element.

Custom Html Helpers:- You can 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.

    public static class CustomHelpers 
    { 
    //Submit Button Helper 
    public static MvcHtmlString SubmitButton(this HtmlHelper helper, string 
    buttonText) 
    { 
     string str = "<input type=\"submit\" value=\"" + buttonText + "\" />"; 
    return new MvcHtmlString(str); 
    }