Ngôn ngữ ASP.NET - HtmlImage
Điều khiển HtmlImage
HtmlImage control được sử dụng tương ứng thẻ <img>. Trong HTML, thẻ <img> được sử dụng để hiển thị hình ảnh.
Các thuộc tính
| Thuộc tính | Mô tả |
| Align | Xác định vị trí của hình:
|
| Alt | Mô tả ngắn về hình |
| Attributes | Trả về tất cả tên thuộc tính và giá trị tương ứng của thuộc thẻ |
| Border | Độ dày của viền xung quanh hình |
| Disabled | Giá trị boolean xác định control có bị disabled hay không. Mặc định là false |
| Height | Chiều cao của hình |
| Id | Id duy nhất của control |
| Runat | Xác định rằng control này là server control. Phải được xác định là “server” |
| Src | Địa chỉ URL của hình được hiển thị |
| Style | Xác định hay trả về thuộc tính CSS được áp dụng cho control |
| TagName | Trả về tên của thẻ |
| Visible | Giá trị boolean xác định control sẽ được hiển thị hay không. |
| Width | Chiều rộng của hình |
Ví dụ: tạo trang web HtmlImage.aspx:
Code trang HtmlImage.aspx:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="HtmlImage.aspx.cs" Inherits="htmlcontrol_HtmlImage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<select id="select1" runat="server">
<option value="~/images/sun.jpg">Mặt cười</option>
<option value="~/images/logo-hiepsiit.png">Hiệp Sĩ IT</option>
</select>
<input id="Submit1" type="submit" runat="server" value="Hiển thị hình" OnServerClick="choose_image">
<br /><br />
<img id="image1" src="Smile.jpg" runat="server" width="60" height="60" />
</form>
</body>
</html>
Code behind trang HtmlImage.aspx:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class htmlcontrol_HtmlImage : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void choose_image(object sender, EventArgs e)
{
image1.Src = select1.Value;
}
}
Giao diện của chúng ta có một combobox, một button. Khi chúng ta chọn một lựa chọn khác trên combobox và click và button hiển thị thì hình ảnh hiển thị lên sẽ thay đổi tương ứng như hình dưới đây :
