Label Control
Label Control Definition:
The
Label control is Asp.net web control used to display
data on a web page in asp.net development. The text is programmable Dynamic or
static. Basically it is use for display
message.
Asp.net Label Declare :
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
ID is use to Access control for C#programming Language.
Use of Asp.net Label:
Asp.net label control use to show
data, in this we can display static data, fix data by property or bind data (Text)
by C# code. We can also access label control by JavaScript on page.
Access Label using JavaScript:
Var lbl=document.getbyID(‘<%ControlID%>);
label control Properties :
Basically there are two impotent properties runat and text
Runat: specify this control Execute on server site.
Text: specify what we can display in this control.
Standard Properties of label Asp control:
BackColor of label, BorderColor of
label, BorderStyle of label, BorderWidth of label, CssClass of label, Enabled of
label, Font of label, EnableTheming of label, ForeColor of label, Height of
label, IsEnabled of label, SkinID of label, Style of label, TabIndex of label,
ToolTip of label, Width of label.
Label Control Standard Properties:
AppRelativeTemplateSourceDirectory of
label, BindingContainer of label, ClientID of label of label, Controls of label,
EnableTheming of label, EnableViewState of label, ID of control,
NamingContainer of control, TemplateControl, TemplateSourceDirectory, UniqueID of
control, Visible.
Label Class:
Example of Label control:
Label: In the Label control Example
we take five labels with different-2 type. With different properties.
<div>
<asp:Label ID="Label1" runat="server"
Text="Label"></asp:Label>
<br />
<asp:Label ID="Label2" runat="server"
Font-Bold="True"
Font-Size="X-Large"
Text="Label"></asp:Label>
<br />
<asp:Label ID="Label3" runat="server"
Font-Bold="True"
Font-Size="Xx-Large"
ForeColor="Red"
Text="Label"></asp:Label>
<br />
<asp:Label ID="Label4" runat="server"
BorderColor="#999999"
BorderStyle="Groove"
Font-Bold="True"
Font-Size="XX-Large"
Text="Label"
ToolTip="Label"></asp:Label>
<br />
<asp:Label ID="Label5" runat="server"
BackColor="#666666"
BorderColor="#993300"
BorderWidth="2px"
Font-Bold="True"
Font-Size="XX-Large"
Height="75px"
Text="Label"
Width="289px"></asp:Label>
<br />
</div>
Asp label in Programming with example
In this Label Example we take one button control and one
Label. After Execute click event then Message will be display that "Button
clicked".
Label code for aspx page :
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Label_Control.aspx.cs" Inherits="Label_Control" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div><h1>Label Example with button </h1>
</div>
<div>
<asp:Label ID="Label1" runat="server" Text=""></asp:Label>
<br />
<asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" />
</div>
</form>
</body>
</html>
Label control code for aspx.cs page :
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class Label_Control : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void Button1_Click(object sender, EventArgs e)
{
Label1.Text = "Button clicked";
}
}