繁體中文当前位置: 首页 > 图文教程 > 网络编程 > ASP.NET > HTML服务器控件介绍:HtmlInputImage控件
- ASP.NET
- Visual Studio.Net 内幕(7)
- .Net 2.0 原汁原味读取注册表
- ASP.NET 2.0中预设的cookie
- ASP.NET：一段比较经典的多线程学习代码
- ASP.NET2.0服务器控件之自定义状态管理
- Asp.net给站点某目录增加Aspnet用户
- ASP.NET技巧：请求网址并解析返回的html
- 在Asp.net用C#建立动态Excel
- ASP.NET2.0:页面中链入的CSS、js文件带中文时需注意
- ASP.NET技巧：数据岛出到Excel最为简易的方法
- 第一次用.net2.0 LOGIN登陆控件的困惑和解决方法
- 在ASP.net中保存/取出图片入/从SQL数据库
- ASP.NET技巧：做个DataList可分页的数据源
- 在.NET中利用委托实现窗体间通信
- 在.NET2.0中使用自定义事务操作
- 解决 ASP.NET中目录访问权限的问题
- ASP.Net防止刷新自动触发事件的解决方案
- 白刃之战：PHP vs. ASP.NET（节选）－架构比较
- C#中使用SendMessage
- 提取HTML代码中文字的C#函数
ASP.NET 中的 HTML服务器控件介绍:HtmlInputImage控件
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-28 浏览: 147 ::
收藏到网摘: 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）
评论 (0) All
