基础HTML 控件_动网_社区论坛·开发者网络源动力

了解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 控件。其使用语法为：

其中语法中有「|」符号表示或的意思。下表为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>

按下按钮后程序执行的结果