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.