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

编程学习 2021-07-04 22:41www.dzhlxh.cn编程入门
本文主要介绍ImageButton控件的基础使用方法,该控件类似Button控件,但又比Button丰富,狼蚁网站SEO优化看它的具体使用。

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" "">
 
<html xmlns="">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:ImageButton ID="ibtn" runat="server" Height="20px" ImageUrl=""
            ToolTip="前台指向" Width="118px" />
        <br />
        <br />
        <asp:ImageButton ID="ibtn2" runat="server" Height="20px" ImageUrl=""
            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");
    }
}

Copyright © 2016-2025 www.dzhlxh.cn 金源码 版权所有 Power by

网站模板下载|网络推广|微博营销|seo优化|视频营销|网络营销|微信营销|网站建设|织梦模板|小程序模板