Ngôn ngữ ASP.NET - Điều khiển Hyperlink
Điều khiển Hyperlink của Web Forms
Điều khiển này được sử dụng để tạo ra các liên kết siêu văn bản. 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
Cú pháp tạo điều khiển Hyperlink phía Server:
< asp:HyperLinkID="HyperLink1" runat="server" Text="Hiep Si IT" NavigateUrl="www.hiepsiit.com" ></asp:HyperLink>
Phía server xử lý code trên trả về cho trình duyệt dạng HTML
<a id="HyperLink1" href="www.hiepsiit.com">Hiep Si IT</a>
Điều khiển Hyperlink có các 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 | Chuỗi văn bản sẽ được hiển thị trên điều khiển. Trong trường hợp cả 2 thuộc tính ImageURL và Text được thiết lập, thuộc tính ImageURL được ưu tiên, thuộc tính Text sẽ được hiển thị như Tooltip |
BorderWidth | Unit | Qui định độ rộng của đường viền. |
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. |
NavigateUrl | String | Đường dẫn cần liên kết đến. |
Target | String | Xác định cửa sổ sẽ hiển thị cho mối liên kết _blank: Hiển thị trang liên kết ở một cửa sổ mới. _self: Hiển thị trang liên kết tại chính cửa sổ chứa liên kết đó. _parent: Hiển thị trang liên kết ở frame cha. |
Ví dụ: Tạo trang web HyperLink.apsx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="HyperLink.aspx.cs" Inherits="HyperLink" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="http://www.hiepsit.com">www.hiepsiit.com</asp:HyperLink>
<br />
<br />
<asp:HyperLink ID="HyperLink2" runat="server" ImageUrl="~/images/logo-hiepsiit.png" NavigateUrl="http://www.hiepsiit.com">HyperLink</asp:HyperLink>
</div>
</form>
</body>
</html>
Các thuộc tính thường dùng HyperLink
Thực thi kết quả sau: