繁體中文当前位置: 首页 > 图文教程 > 网络编程 > ASP.NET > HTML服务器控件介绍:HtmlImage控件
- ASP.NET
- 谈谈ASP.net2.0中App_GlobalResources的用途
- .Net Framework 4.0 功能介绍
- ASP.NET教程:浅谈Asp.net实现的邮件发送引擎
- ASP.NET教程:绝对路径与相对路径的拼合方法
- ASP.NET开发电子商务网站学习经验
- ASP.NET与PHP构建web程序的方法的优缺点
- ASp.NET教程:页面传值的五种方法
- ASP.NET教程:数据缓存和输出缓存
- ASP.NET比拼PHP的测试环境
- ASP.NET MVC 2的客户端验证扩展
- ASP.NET实例:无刷新的文件上传
- ASP.NET实例: GridView删除时弹出确认对话框
- ASP.NET获取不到js写的cookie解决方法
- ASP.NET MVC教程:数据库表的增删改
- ASP.NET教程:form验证用户登录的Cookie
- 如何让.NET程序脱离.NET框架
- ASP.NET开发网站程序常见错误汇总
- C#教程:匿名类型和隐式类型变量的区别
- C#3.0教程:自动属性和扩展方法
- 使用XmlDocument读取XML节点所有数据
ASP.NET 中的 HTML服务器控件介绍:HtmlImage控件
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-28 浏览: 131 ::
收藏到网摘: n/a
请首先查看：ASP.NET入门教程:HTML服务器控件。简单讲述了HTML服务器控件的使用方法。
下面开始讲解：HtmlImage控件
定义和用法
HtmlImage控件用来控制<img>元素。在HTML中，<img>元素被用来显示一个图像。
属性
| 属性 | 说明 |
|---|---|
| Align | 此图像如何根据周围的元素对齐。合法值有：
|
| Alt | 此图像的一个简短描述 |
| Attributes | 返回此元素所有属性名和属性值 |
| Border | 环绕此图像的边框的宽度 |
| Disabled | 指明此控件是否被禁止的一个布尔值。默认值是false |
| Height | 此图像的高度 |
| id | 此控件的唯一id |
| runat | 规定此控件是服务器控件。 必须被设置为 "server" |
| Src | 要显示的图像的URL |
| Style | 设置或返回应用于此控件的CSS特性 |
| TagName | 返回元素标签名称 |
| Visible | 指明此控件是否可见的一个布尔值 |
| Width | 此图像的宽度 |
示例
HTMLImage
在此示例中我们在一个.aspx文件中声明一个HtmlImage控件（要记住把控件嵌入HtmlForm控件中）。然后我们在一个事件句柄（事件句柄是为某一个给定事件执行代码的一段子程序）中修改此HtmlImage控件的src、alt和border属性。Page_Load事件是ASP .NET识别的许多事件之一：看到本信息说明该文是通过网页教学（RuanChen.Com）整理发布的，请不要删掉！
| <script runat="server"> Sub Page_Load(Sender As Object,E As EventArgs) image1.Src="/images/smiley.gif" image1.Alt="Smiley" image1.Border="3" End Sub </script> <html> <body> <form runat="server"> <img id="image1" runat="server" /> </form> </body> </html> |
HTMLImage 2
在此示例中我们在一个.aspx文件中声明一个HtmlImage和一个HTMLSelect控件（要记住把控件嵌入HtmlForm控件中）。然后我们根据用户的选择修改此HtmlImage控件的src属性。在HtmlSelect控件中选取的值决定显示哪一个图像。本文由软晨学习网RuanChen.Com整理发布！转载请注明出处，谢谢！
| <script runat="server"> Sub choose_image(Sender As Object, e As EventArgs) image1.Src = "/images/" & select1.Value End Sub </script> <html> <body> <form runat="server"> <select id="select1" runat="server"> <option value="smiley.gif">Smiley</option> <option value="angry.gif">Angry</option> <option value="stickman.gif">Stickman</option> </select> <input type="submit" runat="server" value="Display image" OnServerClick="choose_image"> <br /><br /> <img id="image1" src="/images/smiley.gif" runat="server" /> </form> </body> </html> |
在以上示例中会用到这些图像，注意把它们存放到适当的目录中：
评论 (0) All
