ĐÀO TẠO LẬP TRÌNH WEB

PROJECT

ASP.NET

CƠ HỘI NGHỀ NGHIỆP

CTy Cổ Phần CNTT Trần Lê tuyển nhân sự làm việc tại trụ sở công ty và đối tác thường xuyên vào mỗi cuối tháng, mời xem chi tiết cụ thể về tuyển dụng trên trang Vn Express, Careerlink, Vietnam Works...

xem thêm

TƯ VẤN

Ms. Khuyên

Yahoo: backieuphong01us@yahoo.com

Hotline: 0932 131 468

Hoc Thiet Ke Web » Hoc ASP.NET 4.0 » Sử dụng Label

Sử dụng Label

( 17/09/2011 | 08:06 AM )

Trong phần này chúng ta sẽ tìm hiểu về cách sử dụng những control chính trong ASP.NET 4 cho việc thiet ke web. Đây là những control mà bạn có thể sử dụng trong bất kỳ ứng dụng nào của ASP.NET 4. Label là đối tượng đơn giản nhất và thường được sử dụng nhất trong việc thiet ke website.
Bạn sẽ tìm hiểu làm thế nào để hiển thị thông tin cho người sử dụng bằng cách sử dụng control Label và Literal. Bạn sẽ tìm hiểu làm thế nào để chấp nhận người sư dụng nhập vào dữ liệu bằng cách sư dụng control TextBox, CheckBox và RadioButton. Bạn cũng sẽ tìm hiểu làm sao để có thể gửi thông tin đi bằng các button. Vào phần cuối bạn sẽ tìm hiểu làm sao để có thể group các control lại với nhau bằng cách sử dụng Panel.

ASP.NET có 2 control mà bạn có thể sử dụng để hiển thị text, thông tin: Label và Literal. Trong khi Literal thì chỉ đơn giản là hiển thị thông tin, còn Label thì ngoài việc hiển thị thông tin, Label còn hỗ trợ nhiều thuộc tính để format.

Bất kể khi nào bạn muốn chỉnh sửa text, thông tin được hiển thị trên trang web, bạn có thể sử dụng Label. Ví dụ, Label bên dưới sẽ hiển thị thời gian hiện tại của Server.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="label-control.aspx.cs" Inherits="Chapter02_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>

        <asp:Label ID="lblTime" runat="server" />

    </div>

    </form>

</body>

</html>



using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

 

 

 

public partial class Chapter02_label_control : System.Web.UI.Page

 

 

{

    protected void Page_Load(object sender, EventArgs e)

    {

        lblTime.Text = DateTime.Now.ToString("T");

    }

}

Bấy kỳ chuỗi nào bạn gán vào thuộc tính Text của Label thì được hiển thị lên webiste. Bạn có thể gán cho thuộc tính Text này giá trị là text thông thường hoặc là HTML text đều được.

Label còn hỗ trợ nhiều thuộc tính mà bạn có thể sử dụng để format nội dung được hiển thị trong Label:

  • BackColor: cho phép bạn thay đổi màu nền của Label
  • BorderColor: cho phép bạn thay đổi màu viền nền của Label
  • BorderStyle: cho phép bạn thay đổi hình dạng của đường viền xung quanh Label. Bạn có thể sử dụng các giá trị sau: NotSet, None, Dotted, Dashed, Solid, Double, Groove, Ridge, Inset và Outset.
  • BorderWith: cho phép bạn thay đổi kích thước của đường viền.
  • CssClass: cho phép bạn kết hợp, sử dụng 1 class trong CSS
  • Font: cho phép bạn thay đổi font của Label.
  • ForeColor: cho phép bạn thay đổi màu chữ.
  • ToolTip: cho phép bạn thiết lập title cho label.

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

 

<!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">

    <style type=""text/css"">

        div

        {

            padding: 10px;

        }

        .labelStyle

        {

            color: red;

            background-color: yellow;

            border: Solid 2px Red;

        }

    </style>

    <title></title>

</head>

<body>

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

    <div>

    <asp:Label

        id="lblFirst"

        Text="First Label"

        ForeColor="Red"

        BackColor="Yellow"

        BorderStyle="Solid"

        BorderWidth="2"

        BorderColor="Black"

        Runat="server" />

    <br /><br />

     <asp:Label

        id="lblSecond"

        Text="Second Label"

        CssClass="labelStyle"

        Runat="server" />

 

 

    </div>

    </form>

</body>

 

</html>


Được viết bởi: Hoc Thiet Ke Web & Thiet Ke WebTrần Lê


-------------------------------------------------------------------------------------------

Trần Lê: Thiết Kế Website Chuyên Nghiệp

Giay Nham, Keo 502, Truc Cao Su, Quan Ao Nam

Trở về

Post Comment

Avatar
Name *
Email
Content *

Code:*
      refresh   

Comment

123

Sử dụng Label

Posted by 123

on 14/05/2012 | 02:20 PM

123


nammmmm

Sử dụng Label

Posted by nammmmm

on 04/01/2012 | 12:16 PM

aaaaaaaaa


guizeluwutu

Sử dụng Label

Posted by guizeluwutu

on 30/11/2011 | 01:34 AM

FudNYo , [url=http://usbyyqxdnbau.com/]usbyyqxdnbau[/url], [link=http://zbmfjgvqbhbu.com/]zbmfjgvqbhbu[/link], http://pwypaoiabboh.com/


Aileen

Sử dụng Label

Posted by Aileen

on 28/11/2011 | 01:38 PM

No copmilants on this end, simply a good piece.