ASP.NET Label控件用法详解：属性、方法与代码示例

Label 控件的关键属性配置

Label 控件的属性分为标识类、样式类和可见性控制类，直接决定其在最终 HTML 中的表现。ID 是唯一标识符，用于后台代码引用；Text 设定显示内容；CssClass 关联外部 CSS 样式表。此外，Visible 控制控件是否渲染，Enabled 控制输入可用性（虽然 Label 本身不可编辑，该属性通常保留）。以下是详细参数说明：

第1步：设置唯一标识（ID）与静态文本

目的：确定控件在程序中的索引名称，并预设默认文案。
入口：Visual Studio 属性面板 / HTML 源码视图。
动作：在 <asp:Label> 标签内赋予唯一的 ID，并在 Text 属性中写入初始字符串。

可以通过可视化属性对话框进行设置，直观如：

图1 Label控件属性设置

若需手动编写 HTML 标记，可参考以下结构：

<asp:Label ID="Label1" runat="server" Text="Label示例"
    BackColor="#FF8000" BorderColor="Blue" 
    CssClass="stylecs.css" Font-Names="宋体" Font-Size="9pt" 
    ForeColor="Black" Height="13px" Width="57px">
</asp:Label> 

第2步：通过 CssClass 引入 CSS 样式

目的：将样式与标记分离，便于统一管理 UI 风格。
准备：在网站根目录创建 stylecs.css 文件，定义类名（如 .stylecs { color: red; }）。
操作：在页头区域链接 CSS 文件，随后在控件属性中指定 CssClass。
HTML引用代码：

<link href="stylecs.css" rel="stylesheet" type="text/css"/>

常见事件与后端交互

Label 控件常用于展示数据绑定结果或状态提示。最常用的生命周期事件包括 Load（加载完成时触发），此时可以执行初始化逻辑或更改文本。

第3步：编写后台 Load 事件处理代码

入口：双击属性窗口的 Load 事件，跳转至 .aspx.cs 后台文件。
动作：编写 C# 代码更新 Text 属性。
参数：sender 为控件实例，EventArgs e 包含事件数据。
完成状态：当页面刷新或回发后，控制台或浏览器输出新的文字内容。

protected void Label1_Load(object sender, EventArgs e)
{
    Label1.Text = "Label控件事件代码编写";
}

除 Load 外，还有 DataBinding 等事件，但它们更多应用于 GridView 等数据控件的内部逻辑，普通文本标签使用频率较低。

综合应用：完整的前后端示例

为了演示如何通过组合属性实现特定外观并绑定事件，下面提供一个完整的 LabTest 控件实现流程。我们将创建一个绿色背景、白色文字的大号字体标签，并在加载后为其设置输入焦点。

第4步：配置 Default.aspx 设计与属性

在主页拖入一个 Label 控件，按下表配置属性以匹配视觉效果要求：

• ID：labTest
• Text：Label示例
• BackColor：Green（绿色）
• BorderColor：Blue（蓝色）
• BorderWidth：2px
• Font-Name：宋体
• Font-Size：24pt
• ForeColor：White（白色）

设置完成后，运行程序的预览效果如下：

图2 Label控件示例

第5步：编写后台 C# 代码 (.aspx.cs)

在后台文件中，我们捕获 labTest_Load 事件以执行 Focus() 方法。这模拟了某些表单需要自动定位的场景。

using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        // 页面主加载逻辑
    }

    protected void labTest_Load(object sender, EventArgs e)
    {
        // 为该 Label 设置焦点
        labTest.Focus();
    }
}

第6步：查看生成的 HTML 标记 (.aspx)

Visual Studio 会根据属性面板的配置自动生成服务端标签。关键代码如下所示：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!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>Label控件示例</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Label ID="labTest" runat="server" BackColor="Green" BorderColor="Blue" Font-Bold="True"
            Font-Names="宋体" Font-Size="24pt" ForeColor="White" Height="20px" OnLoad="labTest_Load"
            Text="Label示例" Width="167px" BorderWidth="2px"></asp:Label>
    </div>
    </form>
</body>
</html>