Learn Html.Display and Html.DisplayFor Helper Method in ASP.NET MVC5 with Example

What is Html.Display and Html.DisplayFor Method?

Html.Display and Html.DisplayFor both are used to print string value to the screen. However, you can also use plain HTML tag for displaying text on the screen but Html.Display Extension Method provides more formatting option. Html.Display is loosely typed method whereas Html.DisplayFor is strongly typed method.

Programming Example

namespace HtmlHelperDemo.Models
{
    public class UserModel
    {
        public string UserName { get; set; }        
    }
}

@using HtmlHelperDemo.Models
@model UserModel

<h1>Html.DisplayFor Example</h1>

@using (Html.BeginForm("Index", "Home", FormMethod.Post))
{
    <span>Enter Your Name:</span>
    @Html.TextBoxFor(m => m.UserName)
    <input id = "Submit" type = "submit" value = "submit" />
       
}

<hr />

<strong>Strongly Typed Value:</strong> @Html.DisplayFor(m => m.UserName)<br />

<strong>Loosely &nbsp;Typed Value: </strong> @Html.Display("UserName")

using System.Web.Mvc;
using HtmlHelperDemo.Models;

namespace HtmlHelperDemo.Controllers
{
    public class HomeController : Controller
    {
        public ActionResult Index()
        {            
             return View();
        }

        [HttpPost]
        public ActionResult Index(FormCollection fc, UserModel um)
        {
            if (ModelState.IsValid)
            {
                um.UserName = fc["UserName"];
                return View(um);
            }
            else
            {
                return View();
            }
        }
    }
}