Reader Level:

HTML Controls vs ASP.NET Controls in VB.NET

By Abhimanyu K Vatsa on Nov 09, 2012
In this article we will discuss, how HTML controls and ASP.Net controls works.


The main difference between HTML controls and ASP.Net controls is HTML controls never uses runtat="server" attribute to the tag. We declare HTML controls in a different way than we declare standard ASP.NET controls. The ASP.NET Framework enables us to take any HTML tag (real or imaginary) and add a runat="server" attribute to the tag. The runat="server" attribute converts the HTML tag into a server-side ASP.NET control. For example, the code given below contains a <span> tag, which has been converted into an ASP.NET control.

<%@ Page Language="VB" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
<script runat="server">

    Sub Page_Load()
        timenow.InnerText = DateTime.Now.ToString("T")
    End Sub

html xmlns="" >
<head id="Head1" runat="server">
    <title>HTML Controls vs ASP.Net Controls</title>
    <form id="form1" runat="server">

    System Time :
    <span id="timenow" runat="server" />


Notice that the <span> tag given above looks just like a normal HTML <span> tag except for the addition of the runat="server" attribute. Because the <span> tag is a server-side HTML control, we can program against it. In above code, the current date and time are assigned to the <span> tag in the Page_Load() method. The HTML controls are included in the ASP.NET Framework to make it easier to convert existing HTML pages to use the ASP.NET Framework.

Abhimanyu K Vatsa
Abhimanyu K Vatsa

Microsoft MVP | Author | IT Faculty | Student of M.Tech. IT | Blogs at ITORIAN.COM

Personal Blog: