ASP.NET中ImageButton图片按钮控件的使用

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› ASP.NET›ASP.NET编程经验

原作者: [db:作者] 来自: [db:来源] 收藏邀请

ImageButton 说白了，就是一个能显示图片的按钮，用法和Button基本一致，无非就是点击之后触发事件，只是比Button展现更丰富一些。

一、常见 ImageButton 属性

属性	描述
ImageUrl	在 ImageButton 控件中显示的图像的路径。
ToolTip	提示的文本。
AlternateText	图像无法显示时显示的文本。

二、ImageButton实例演示

前台代码 ImageButton.aspx

复制代码代码如下:

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

<!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:ImageButton ID="ibtn" runat="server" Height="20px" ImageUrl="http://images.cnblogs.com/cnblogs_com/ylbtech/403178/o_sanyecao.jpg"
            ToolTip="前台指向" Width="118px" />
        <br />
        <br />
        <asp:ImageButton ID="ibtn2" runat="server" Height="20px" ImageUrl="http://images.cnblogs.com/cnblogs_com/ylbtech/403178/o_sanyecao.jpg"
            ToolTip="后台指向" Width="118px" onclick="ibtn2_Click" />
    </div>
    </form>
</body>
</html>

后台代码 ImageButton.aspx.cs

复制代码代码如下:

using System;

using System.Collections.Generic;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

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

{

    protected void Page_Load(object sender, EventArgs e)

    {

    }

    protected void ibtn2_Click(object sender, ImageClickEventArgs e)

    {

        //方法内可以做很多操作

        //注册，注册成功，跳转到主页

        Response.Redirect("~/DemoHTML.aspx");

    }

}