当前位置: 首页 > 图文教程 > 网络编程 > ASP.NET > HTML服务器控件介绍:HtmlInputImage控件

ASP.NET
blog程序新版本V2.0 Beta完成,提供V1.0全部源码下载
“/”应用程序中的服务器错误
asp.net(c#)复数类(复数加减乘除四则运算)
asp.net(c#)不可访问,因为它受保护级别限制
asp.net(c#) 水仙花数
ASP.NET实现用图片进度条显示投票结果
asp.net(c#) MS AJAX的安装
asp.net(c#)有关 Session 操作的几个误区
ASP.net基础知识之常见错误分析
[.net] 操纵自如-页面内的配合与通信
c# static的全部用法收集整理
使CheckBoxList的Attributes属性生效(修改微软的一个bug)
在ASP.NET中使用Session常见问题集锦
[原创]完美解决Could not load file or assembly ''AjaxPro.2'' or one of its dependencies. 拒绝访问。
在Apache环境下成功的运行ASP.NET的注意事项
ClickOnce DIY全自动更新下载升级的自我实现
asp.net jscript 一句话木马
在ASP.Net中实现flv视频转换的代码
将DataTable中的一行复制到另一个DataTable的方法
在DataTable中执行Select("条件")后,返回DataTable的方法

ASP.NET 中的 HTML服务器控件介绍:HtmlInputImage控件


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 123 ::
收藏到网摘: n/a

请首先查看:ASP.NET入门教程:HTML服务器控件。简单讲述了HTML服务器控件的使用方法。

下面开始讲解:HtmlInputImage控件

定义和用法

HtmlInputImage控件用来控制<input type="image">元素。在HTML中,此元素用来建立一个使用图片替代常规式样的按钮。


属性和事件

属性 说明
Align 图片的对齐方式
Alt 为图片显示的一段备用文字
Attributes 返回此元素所有属性名和属性值
Border 此元素边框的宽度
Disabled 指明此控件是否被禁止的一个布尔值。默认值是false
id 此控件的唯一id
Name 此元素的名称
OnServerClick 图片被点击时要执行的函数的名称 clicked
runat 规定此控件是服务器控件。  必须被设置为"server"
Src 图片的来源
Style 设置或返回应用于此控件的CSS特性
TagName 返回此元素的标签名称
Type 此元素的类型
Value 此元素的值
Visible 指明此控件是否可见的一个布尔值

示例

在此示例中我们在一个.aspx文件中声明两个HtmlInputImage控件和一个HtmlGeneric控件(要记住把控件嵌入HtmlForm控件中)。如果用户点击第一个图片,子程序button1被执行。此子程序发送消息"You clicked the smiley button!"到p元素。如果用户点击第一个图片,子程序button1被执行。此子程序发送消息"You clicked the angry button!"到p元素。 加此信息软晨学习网(RuanChen.Com)发布目的是为了防止你变懒!RuanChen.Com不主张采集!

 

<script  runat="server">
Sub button1(Source As Object, e As ImageClickEventArgs)
      p1.InnerHtml="You clicked the smiley button!"
End Sub
Sub button2(Source As Object, e As ImageClickEventArgs)
      p1.InnerHtml="You clicked the angry button!"
End Sub
</script>


<html>
<body>

<form runat="server">
<p>Click on one of the images:</p>
<p>
<input type="image" src="/images/smiley.gif"
OnServerClick="button1" runat="server" />
</p>
<p>
<input type="image" src="/images/angry.gif"
OnServerClick="button2" runat="server" />
</p>
<p id="p1" runat="server" />
</form>

</body>
</html>

在本示例中你也许要用到这两个小图片,请把它们保存到正确的路径下。
Smiley    Angry)