ASP.NET - Label Web 服務器控件概述

2019-11-17 04:01:32

字體：大中小

來源：轉載

供稿：網友

      Label Web 服務器控件可讓您以編程方式設置 asp.net 網頁中的文本。

一、方案

通常當希望在運行時更改頁面中的文本（比如響應按鈕單擊）時使用 Label 控件。

二、功能

您可以在設計時，或者在運行時從程序中設置 Label 控件的文本。還可以將 Label 控件的 Text 屬性綁定到數據源，以在頁面上顯示數據庫信息。

三、背景

可以將 Label 控件用作 TextBox 控件或其他控件前面的活動標題。然后，用戶可以按訪問鍵移動到以 Label 控件作為標題的控件。

      Label 控件提供了一種在 ASP.NET 網頁中顯示文本的方法。其他選項包括以下各項：

·HTML 標記：  如果要顯示靜態文本，則可以使用 HTML 呈現它；不需要 Label 控件。僅當需要在服務器代碼中更改文本的內容或其他特性時，才使用 Label 控件。

·Literal 控件：與Label 控件類似，Literal 控件可讓您以編程方式在頁中顯示文本。但是，Literal 控件不支持樣式屬性，也不支持主題或外觀。

      1、在列表控件中使用標簽

Label 控件通常在列表 Web 服務器控件（如 Repeater、DataList、GridView、DetailsView 和 FormView 控件）中使用，以顯示數據庫中的只讀信息。常用策略是將一個 Label 控件添加到其中一個控件的模板中。

2、安全性和 Label 控件

可以將 Label 控件的 Text 屬性設置為任何字符串（包括包含標記的字符串）。如果字符串包含標記，Label 控件將解釋該標記。例如，如果將 Text 屬性設置為 <b>Test</b>，則 Label 控件將以粗體呈現單詞 Test。

為了避免安全性問題（如腳本注入的可能性），請不要將 Text 屬性設置為包含來自不受信任源的標記的字符串。如果您對用于 Text 屬性的字符串的源不信任，則應該對該字符串進行編碼。

四、如何：向 Web 窗體頁添加 Label Web 服務器控件

      可以將 Label Web 服務器控件作為獨立控件添加到 ASP.NET 網頁上。還可以使 Label 控件成為其他控件的子控件，如在 Web 服務器控件模板中使用這些控件。

      說明：如果要顯示靜態文本，可以使用 HTML 呈現它，不需要使用 Label 控件。僅當需要以編程方式更改文本的內容或外觀時，才使用 Label 控件。

      1、從工具箱的“標準”選項卡中，將 Label 控件拖到頁面上。

2、在“屬性”窗口的“外觀”類別中，將該控件的 Text 屬性設置為要顯示的文本。可以在該屬性中包括 HTML 格式設置。例如，在 Text 屬性中，可以通過在文本中的單個單詞兩側放置 <b> 標記來對其加粗。

      下面的示例演示如何在運行時設置 Label 控件的文本。無論用戶在名為 TextBox1 的 TextBox 控件中鍵入了什么內容，該方法都會顯示在 Label 控件中。

      安全說明：使用 Label 控件顯示來自不受信任源的字符串時要小心。這些字符串中可能包括惡意的客戶端腳本。

PRotected void Button1_Click(object sender, System.EventArgs e) {

    Label1.Text = Server.HtmlEncode(TextBox1.Text;)

}

五、如何：將 Label Web 服務器控件用作標題

      可以將 Label Web 服務器控件用作另一個 Web 服務器控件（如 TextBox 控件）之前的活動標題。Label 控件無法接收用戶輸入焦點。但是，將 Label 控件與另一控件關聯后，用戶可以通過同時按下 Alt 鍵和您為 Label 控件定義的訪問鍵導航到關聯的控件。

      1、將 Label 控件的 AssociatedControlID 屬性設置為要以 Label 控件作為標題的控件的 ID。

2、將 Label 控件的 accessKey 屬性設置為要定義為訪問鍵的單個字母或數字

      說明：如果將 Label 控件與某一按鈕相關聯，那么當用戶同時按下 Alt 鍵和 Label 控件的訪問鍵時，就會單擊該按鈕。

      3、還可以設置 Label 控件的 Text 屬性，以顯示指示訪問鍵的帶有下劃線的字符。

下面的示例演示如何使用 Label 控件作為 TextBox 控件的標題。當頁面呈現時，用戶將可以通過按 Alt+N 導航到該文本框。Label 中的字母 N 帶有下劃線

<asp:Label

    AccessKey="N"

    AssociatedControlID="TextBox1"

    ID="Label1"

    runat="server"

    Text="<u>N</u>ame:">

</asp:Label>

 

<asp:TextBox ID="TextBox1" runat="server" />

六、Label 類

      表示在網頁上顯示文本的標簽控件。

      使用 Label 控件在網頁的設置位置上顯示文本。不像靜態文本，可以通過 Text 屬性自定義顯示文本。

也可以使用 Literal 和 PlaceHolder 控件在 Web 窗體頁上顯示文本。但與 Label 控件不同的是，這些控件不會呈現任何附加標記。

示例

下面的示例說明如何在網頁上創建 Label 控件。

      說明：下面的代碼示例使用單文件代碼模型，如果將它直接復制到代碼隱藏文件中，可能不能正常工作。此代碼示例必須被復制到具有 .aspx 擴展名的空文本文件中。

<%@ Page Language="C#" AutoEventWireup="True" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html  >

<head>

    <title>Label Example</title>

<script language="C#" runat="server">

      void Button_Click(Object Sender, EventArgs e)

      {

         Label1.Text = Server.HtmlEncode(Text1.Text);

      }

   </script>

</head>

<body>

   <form id="Form1" runat="server">

      <h3>Label Example</h3>

      <asp:Label id="Label1"

                 Text="Label Control"

                 runat="server"/>

      <p>

      <asp:TextBox id="Text1"

           Text="Copy this text to the label"

           Width="200px"

           runat="server" />

      <asp:Button id="Button1"

           Text="Copy"

           OnClick="Button_Click"

           runat="server"/>

      </p>

   </form>

</body>

</html>

上一篇：asp調用js代碼

下一篇：Java程序員學習Flex和BlazeDS的十三個理由