|
了解HTML 控件的原理及一些基本的属性后，接下来我们就来介绍一些基础HTML 控件的实际应用。
HtmlAnchor 控件
HtmlAnchor 控件可以用来指定超级链接，其使用语法为：
<A
Id="被程序代码所控制的名称"
Runat="Server"
Href="欲连结的URL 地址"
Name="欲前往的书签名称"
OnServerClick="事件程序名"
Target="要将连结开启至哪个框架"
Title="小提示"
>
超级链接文字
</A>
这个控件有如下的属性：
使用范例：
下面范例当使用者将鼠标移至「这是超级链接」时，会应显示文字「小提示」；按下「这是超级链接」时，会将网页重新导向微软的网站：
<Html>
<A Id="Anchor1" Runat="Server">这是超级链接</A>
<Script Language="VB" Runat="Server">
Sub Page_Load(Sender As Object, e As Eventargs)
Anchor1.Href="http://www.microsoft.com"
Anchor1.Target="_blank"
Anchor1.Title="小提示"
End Sub
</Script>
</Html>
HtmlImage 控件
HtmlImage 控件对应于HTML 元素中的<Img> 元素，是用来显示图片于网页上的控件。它的使用方法和HTML 的<Img> 标注很类似，只是在ASP.NET 里变为一个可以随程序来动态改变其属性的HTML 控件。其使用语法为：
<Img
Id="被程序代码所控制的名称"
Runat="Server"
Alt="无法显示图形时所显示的小提示"
Align="Top | Middle | Bottom | Left | Right"
Border="边框宽度"
Height="影像高度"
Src="影像所在的地址"
Width="影像宽度"
>
其中语法中有「|」符号表示或的意思。下表为HtmlImage 控件的常用属性：
使用范例：
下面的程序利用Page_Load 事件来设定Image1 对象的属性：
<Html>
<Img Id="Image1" Runat="Server"/>
<Script Language="VB" Runat="Server">
Sub Page_Load(Sender As Object, e As EventArgs)
Image1.Src="Board.jpg"
Image1.Alt="This is a picture"
Image1.Width="512"
Image1.Height="384"
Image1.Border="2"
End Sub
</Script>
</Html>
HtmlButton 控件
HtmlButton 控件最主要是让使用者透过按钮执行命令或动作，所以最重要的就是OnServerClick事件OnServerClick 事件当使用者按下按钮时便会触发。要指定发生OnServerClick 事件时所要执行的程序，设定OnServerClick 属性即可。例如指定OnServerClick="Button1_Click" 时，即表示使用者按下按钮触发事件时，会呼叫Button1_Click 这个事件程序，我们就可以在Button1_Click 这个事件程序内撰写我们所要执行的程序代码。另外<Button> 控件必须写在窗体控件<Form Runat="Server"></Form> 之内，这是因为Button 控件可以决定数据的上传，而只有被<Form> 控件所包围起来的数据输入控件，其数据才会被上传。关于这个部分我们后面会详细说明，其使用语法为：
<Button
Id="被程序代码所控制的名称"
Runat="Server"
OnServerClick="事件程序名"
>
按钮上的文字、图形或控件
</Button>
使用范例：
下面的范例码中Button1 开始时并没有显示任何文字，但是当按下Button1 时因为触发了Button1_Click 事件，使得Button1 内的文字、背景色都发生了变化：
<Html>
<Form Runat="Server">
<Button Id="Button1" Runat="Server" InnerText="请按这里" OnServerClick
="Button1_Click"/>
</Form>
<Script Language="VB" Runat="Server">
Sub Button1_Click(Sender As Object,e As EventArgs)
End Sub
</Script>
</Html> 
按下按钮后程序执行的结果 |
