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