45、Web 控件：图像、列表与下拉菜单的使用指南

Web 控件：图像、列表与下拉菜单的使用指南

1. 图像控件与图像按钮

1.1 图像控件的基本设置

与其他 Web 服务器控件一样，我们可以使用 Height 和 Width 属性来设置图像控件的高度和宽度，示例代码如下：

Image1.Height = New Unit("200px")
Image1.Width = New Unit("200px")

不过，图像控件仅用于显示图像。若要处理点击事件，则需使用图像按钮控件。

1.2 图像按钮的使用

图像按钮可支持交互式图像，如带有“热点”的图像地图。在 HTML 中，图像按钮使用 <input> 元素，且 type 属性设置为 “image”。

以下是一个图像按钮的 HTML 示例：

<input type="image" name="ImageButton1" id="ImageButton1" 
src="file:///C:\inetpub\wwwroot\ImageButton\map.jpg" border="0" 
style="Z-INDEX: 102; LEFT: 2px; POSITION: absolute; TOP: 90px" />

图像按钮由 System.Web.UI.Web