ASP.NET HtmlImage 控件

定义和用法

HtmlImage 控件用于控制 <img> 元素。在 HTML 中，<img> 元素用于显示图像。

属性

属性 描述
Align 如何根据周围的元素排列图像。合法的值有： - top - middle - bottom - left - right
Alt 关于图像的简短描述。
Attributes 返回该元素的所有属性名称和值对。
Border 图像周围的边框的宽度。
Disabled 布尔值，指示是否禁用该控件。默认是 false。
Height 图像的高度。
id 控件的唯一 id。
runat 规定该控件是一个服务器控件。必须被设置为 "server"。
Src 要显示的图像的 URL。
Style 设置或返回被应用到该控件的 CSS 属性。
TagName 返回元素的标签名。
Visible 布尔值，指示该控件是否可见。
Width 图像的宽度。

实例

  • HTMLImage

    在本例中，我们在 .aspx 文件中声明了一个 HtmlImage 控件。然后我们在一个事件句柄中修改这个 HtmlImage 控件的 src, alt and border 属性。Page_Load 事件是 ASP .NET 可理解的众多事件之一。 

  1. <script  runat="server">
  2. Sub Page_Load(Sender As Object,E As EventArgs)
  3.    image1.Src="/i/eg_smile.gif"
  4.    image1.Alt="Smiley"
  5.    image1.Border="3"
  6. End Sub
  7. </script>
  9. <html>
  10. <body>
  12. <form runat="server">
  13. <img id="image1" runat="server" />
  14. </form>
  16. </body>
  17. </html>

  • HTMLImage 2

    在本例中，我们在 .aspx 文件中声明了一个 HtmlImage 控件和一个 HTMLSelect 控件。然后我们会基于用户的选择来修改 HtmlImage 控件的 src 属性。在 HtmlSelect 控件中被选的值决定显示哪幅图像。 

  1. <script  runat="server">
  2. Sub choose_image(Sender As Object, e As EventArgs)
  3.    image1.Src = select1.Value
  4. End Sub
  5. </script>
  7. <html>
  8. <body>
  10. <form runat="server">
  11. <select id="select1" runat="server">
  12.    <option value="/i/eg_smile.gif">笑脸</option>
  13.    <option value="/i/eg_bulbon.gif">灯泡</option>
  14.    <option value="/i/eg_mouse.jpg">鼠标</option>
  15. </select>
  16. <input type="submit" runat="server" value="显示图像"
  17. OnServerClick="choose_image">
  18. <br /><br />
  19. <img id="image1" src="/i/eg_smile.gif" runat="server" />
  20. </form>
  22. </body>
  23. </html>