©
本文檔使用 php中文網手册 發布
HtmlImage 控件用于控制 <img> 元素。在 HTML 中,<img> 元素用于显示图像。
属性 | 描述 |
---|---|
Align | 如何根据周围的元素排列图像。合法值有:
|
Alt | 图像的简短描述。 |
Attributes | 返回该元素的所有属性名称和值对。 |
Border | 图像周围的边框的宽度。 |
Disabled | 布尔值,指示是否禁用该控件。默认是 false。 |
Height | 图像的高度。 |
id | 控件的唯一 id。 |
runat | 规定该控件是一个服务器控件。必须被设置为 "server"。 |
Src | 要显示的图像的 URL。 |
Style | 设置或返回被应用到该控件的 CSS 属性。 |
TagName | 返回元素的标签名。 |
Visible | 布尔值,指示该控件是否可见。 |
Width | 图像的宽度。 |
HTMLImage
<script runat="server"> Sub Page_Load(Sender As Object,E As EventArgs) image1.Src="smiley.gif" image1.Alt="Smiley" image1.Border="3" End Sub </script> <!DOCTYPE html> <html> <body> <form runat="server"> <img id="image1" runat="server" /> </form> </body> </html>
在本例中,我们在 .aspx 文件中声明了一个 HtmlImage 控件(记得把控件嵌套在 HtmlForm 控件中)。然后我们在一个事件句柄(事件句柄是一种针对给定事件来执行代码的子例程)中修改这个 HtmlImage 控件的 src、alt 和 border 属性。Page_Load 事件是 ASP .NET 可理解的众多事件之一。
HTMLImage 2
<script runat="server"> Sub choose_image(Sender As Object, e As EventArgs) image1.Src = select1.Value End Sub </script> <!DOCTYPE html> <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="smiley.gif" runat="server" width="32" height="32" /> </form> </body> </html>
在本例中,我们在 .aspx 文件中声明了一个 HtmlImage 控件和一个 HTMLSelect 控件(记得把控件嵌套在 HtmlForm 控件中)。然后我们基于用户的选择来修改 HtmlImage 控件的 src 属性。在 HtmlSelect 控件中被选的值决定显示哪幅图像。