Ngôn ngữ ASP.NET - Điều khiển Label

Điều khiển Label của Web Forms trong ASP.NET

Label thường được sử dụng để hiển thị và trình bày nội dung trên trang web. Nội dung được hiển thị trong label được xác định thông qua thuộc tính Text. Thuộc tính Text có thể nhận và hiển thị nội dung với các tag HTML.

Bạn có thể tạo Lable bằng công cụ trực quan của Visual Studio (VS) hoặc viết code

Điều khiển phía server tạo Lable theo cú pháp sau:

< asp:LabelID="Label1" runat="server" Text="Label" ></asp:Label> 

Bảng liệt kê thuộc tính thường dùng: 

Thuộc tính Kiểu Ý nghĩa
(ID) Chuỗi Qui định tên của điều khiển. Tên của điều khiển là duy nhất.
AccessKey String Qui định ký tự để di chuyển nhanh đến điều khiển - ký tự xử lý phím nóng.
Attributes AttributeCollection Tập hợp các thuộc tính của điều khiển HTML
BackColor Color Qui định màu nền của điều khiển.
BorderColor Color Qui định màu đường viền của điều khiển.
BorderStyle BorderStyle Qui định kiểu đường viền của điều khiển.
Text String Hiển thị chuỗi ra Lable
BorderWidth Unit Qui định độ rộng của đường viền.
CssClass String Qui định hình thức hiển thị của điều khiển qua tên CSS.
Enabled Boolean Qui định điều khiển có được hiển thị hay không. Giá trị mặc định của thuộc tính này là True – được phép hiển thị.
Font FontInfo Qui định Font hiển thị cho điều khiển
ForeColor Color Qui định màu chữ hiển thị trên điều khiển
Height Unit Qui định chiều cao của điều khiển
ToolTip String Dòng chữ sẽ hiển thị khi rê chuột vào điều khiển.
Width Unit Qui định độ rộng của điều khiển.

Ví dụ: Tạo trang WebControls.aspx

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

<!DOCTYPE html>  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head runat="server">  
    <title></title>  
    <style type="text/css">  
        .auto-style1 {  
            width: 100%;  
        }  
        .auto-style2 {  
            margin-left: 0px;  
        }  
        .auto-style3 {  
            width: 121px;  
        }  
    </style>  
</head>  
<body>  
    <form id="form1" runat="server">  
        <div>  
           <h4>Provide the Following Details:</h4>  
            <table class="auto-style1">  
                <tr>  
                    <td class="auto-style3">  
                        <asp:Label ID="Label1" runat="server" Text="User Name"></asp:Label></td>  
                    <td>  
                        <asp:TextBox ID="TextBox1" runat="server" CssClass="auto-style2"></asp:TextBox></td>  
                </tr>  
                <tr>  
                    <td class="auto-style3">  
                        <asp:Label ID="Label2" runat="server" Text="Upload a File"></asp:Label></td>  
                    <td>  
                        <asp:FileUpload ID="FileUpload1" runat="server" /></td>  
                </tr>  
            </table>          
        </div>  
    </form>  
</body>  
</html>  

Thuộc tính của Lablel

Kết quả: 
Trong trang web này chúng ta dùng 2 Lable cho User Name và Upload file