- 时间:2020-05-18 19:44 编辑: 来源: 阅读:
- 扫一扫,手机访问
摘要:ASP.NET中ImageButton图片按钮控件的使用
ImageButton 说白了,就是一个能显示图片的按钮,用法和Button基本一致,无非就是点击之后触发事件,只是比Button展现更丰富一些。
[b]一、常见 ImageButton 属性[/b]
| 属性 |
描述 |
| ImageUrl |
在 ImageButton 控件中显示的图像的路径。 |
| ToolTip |
提示的文本。 |
| AlternateText |
图像无法显示时显示的文本。 |
[b]二、[/b][b]ImageButton[/b][b]实例演示[/b]
[i]前台代码 ImageButton.aspx[/i]
[url=http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[/url]">
<html xmlns="[url=http://www.w3.org/1999/xhtml]http://www.w3.org/1999/xhtml[/url]">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ImageButton ID="ibtn" runat="server" Height="20px" ImageUrl="[url=http://images.cnblogs.com/cnblogs_com/ylbtech/403178/o_sanyecao.jpg]http://images.cnblogs.com/cnblogs_com/ylbtech/403178/o_sanyecao.jpg[/url]"
ToolTip="前台指向" Width="118px" />
<br />
<br />
<asp:ImageButton ID="ibtn2" runat="server" Height="20px" ImageUrl="[url=http://images.cnblogs.com/cnblogs_com/ylbtech/403178/o_sanyecao.jpg]http://images.cnblogs.com/cnblogs_com/ylbtech/403178/o_sanyecao.jpg[/url]"
ToolTip="后台指向" Width="118px" onclick="ibtn2_Click" />
</div>
</form>
</body>
</html>
[i]后台代码 ImageButton.aspx.cs[/i]
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");
}
}