Ngôn ngữ ASP.NET - HtmlInputImage

Điều khiển HtmlInputImage

HtmlInputImage control được sử dụng để điều khiển thẻ <input type=”image”>. Trong HTML, thẻ này được sử dụng để tạo một input button sử dụng hình, thay cho loại button thông thường
Các thuộc tính

Thuộc tính Mô tả
Align Cách sắp xếp của hình
Alt Text thay thế để hiển thị cho 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 của thẻ
Disabled Giá trị boolean xác định control có bị disabled hay không. Mặc định là false
Id Id duy nhất của control
Name Tên của thẻ
OnServerClick Tên của hàm được thực thi khi hình được click
Runat Xác định rằng control này là server control. Phải được xác định là “server”
Src Source của image
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ẻ
Type Loại thẻ
Value Giá trị của thẻ
Visible Giá trị boolean xác định control sẽ được hiển thị hay không.


Ví dụ: Tạo trang web HtmlInputImage.aspx

Code trang HtmlInputImage.aspx:

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

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
   <form id="Form1" runat="server">
<p>Click vào một hình:</p>
<p>
<input id="Image1" type="image" src="~/images/hinhbuon.jpg" OnServerClick="button1" runat="server" width="40" height="40" />
</p>
<p>
<input id="Image2" type="image" src="~/images/hinhvui.jpg" OnServerClick="button2" runat="server" width="40" height="40" />
</p>
<p id="p1" runat="server" />
</form>

</body>
</html>

Code behind trang HtmlInputImage.aspx.cs:

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_HtmlInputImage : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }
    protected void button1(object sender, EventArgs e)
    {
        p1.InnerHtml = "Hình mặt cười được click";
    }

    protected void button2(object sender, EventArgs e)
    {
        p1.InnerHtml = "Hình mặt giận dữ được click";
    }

}

Giao diện của chúng ta có hai HtmlInputImage control. Khi chúng ta click vào mỗi hình thì hàm xử lý sự kiện click của 2 hình được thực thi và thông điệp được hiển lên trong thẻ p như hình dưới đây.