当前页面位置: » 丰搜网 » 文档中心 » 详细内容
内建控件（intrinsic control）
内建控件指的是一般如button、hyperlink、textbox 等常会用在网页制作上的web 控件，使用内建控件可以很快地为网页加入基本的操作接口。
label web 控件
label web 控件是最简单的控件，它的主要作用是用来显示文字。其使用语法为：
<asp:label
id="被程序代码所控制的名称"
runat="server"
text="所要显示的文字"
/>
或
<asp:label
id="被程序代码所控制的名称"
runat="server"
>
所要显示的文字
</asp:label>
当我们要使用程序来改变其显示的文字时，只要改变它的text 属性即可。下列范例码配置了一个label web 控件，并在page_load 事件程序中将其text 属性设定为「这是一个label 控件」：
<html>
<asp:label id="label1" runat="server"/>
<script language="vb" runat="server">
sub page_load(sender as object,e as eventargs)
label1.text="这是一个label 控件"
end sub
</script>
</html>
image 控件
image web 控件是用来显示图片。其使用语法为：
<asp:image
id="被程序代码所控制的名称"
runat="server"
imageurl="图片所在地址"
alternatetext="图形还没加载时所替代的文字"
imagealign="notset absbottom absmiddle baseline bottom left
middle
right texttop top"
/>
image web 控件最重要的属性是imageurl，这个属性指明图形文件所在的目录或是网址；如档案和网页存放在同一个目录，则可以省略目录直接指定文件名即可。下列范例利用image web控件显示了stone.jpg 这个图形：
<asp:image id="image1" imageurl="framework.jpg" runat="server"/>
hyperlink 控件
hyperlink 控件可以用来设定超级链接，就是html 元素的<a> 标注。其使用语法为：
<asp:hyperlink
id="控件id"
runat="server"
text="超级链接文字或小提示文字"
imageurl="图片所在地址"
target="超级链接所要显示的窗口"
/>
或
<asp:hyperlink
id="被程序代码所控制的名称"
runat="server"
imageurl="图片所在地址"
target="超级链接所要显示的窗口"
/>
超级链接文字
</asp:hyperlink>
我们只要设定navigateurl 属性为欲浏览的地址，在使用者按下此连结时即可连至指定的地址。而target 属性可以在有设框架（frame）的网页上，决定此连结要开启在哪个框架或另外开启新的窗口。设定imageurl 属性则可以产生一个图形连结，在图形模式的hyperlink 控件如果有设定text 属性，则鼠标移到图形上时会出小提示。下列范例利用hyperlink web 控件分别制作了文字型态以及图形型态的超级链接：
<asp:hyperlink id="hl1" navigateurl="http://www.microsoft.com"
text="microsoft"
target="_blank" runat="server" /><p>
<asp:hyperlink id="hl2" navigateurl="http://www.msn.com" text="msn"
imageurl="vsdo.net.gif" target="_blank" runat="server"/>
button web 控件
button web 控件是网页设计相当重要的web 控件。它主要作用在于接收使用者的click 事件，并执行相对应的事件程序来完成程序的处理。其使用语法为：
<asp:button
id="被程序代码所控制的名称"
runat="server"
text="按钮上的文字"
command="命令名称"
commandargument="命令参数"
onclick="事件程序名"
/>
要使用button web 控件的click 事件，除了要指定onclick="事件名称" 外，另外还必须将对象放在窗体标注中才会动作，不然将会没有作用。至于command 以及commandargument属性可以用来和datalist 等控件配合使用，我们这里先不讨论。下列范例当我们按下button 控件后，便触发click 事件程序，并在程序中改变label 控件的text 属性：
<html>
<form id="form1" runat="server">
<asp:button id="b1" text="请按我" onclick="b1_click"
runat="server"/><p>
<asp:label id="l1" text="label 控件" runat="server" />
</form>
<script language="vb" runat="server">
sub b1_click(sender as object,e as eventargs)
l1.text="改变后的label 控件"
end sub
</script>
</html>
linkbutton web 控件
linkbutton web 控件的功能和button web 控件一样，只不过它是类似超级链接的文字接口。其使用语法为：
<asp:linkbutton
id="被程序代码所控制的名称"
runat="server"
text="按钮上的文字"
command="命令名称"
commandargument="命令参数"
onclick="事件程序名"
/>
或
<asp:linkbutton
id="控件id"
runat="server"
command="命令名称"
commandargument="命令参数"
onclick="事件程序名"
/>
"按钮上的文字"
</asp:linkbutton>
linkbutton 必须写在<form> 和</form> 之间，也要指定onclick 属性才会动作。下面的程序代码将button 的范例换成用linkbutton，执行结果还是一样：
<html>
<form id="form1" runat="server">
<asp:linkbutton id="b1" text="请按我" onclick="b1_click"
runat="server"/><p>
<asp:label id="l1" text="label 控件" runat="server" />
</form>
<script language="vb" runat="server">
sub b1_click(sender as object,e as eventargs)
l1.text="改变后的label 控件"
end sub
</script>
</html>
imagebutton web 控件
imagebutton web 控件的作用和上述两个控件一样，不过这个控件是用图片来当做按钮。其使用语法为：
<asp:imagebutton
id="被程序代码所控制的名称"
runat="server"
command="命令名称"
commandargument="命令参数"
onclick="事件程序名"
/>
这里要特别注意事件程序的参数接收。imagebutton web 控件在触发click 事件时，会传递使用者在图形的哪个位置上按下鼠标按钮；所以参数e 的型态要更改为imageclickeventargs，若还是维持原先的eventargs 将发生错误。下列范例码在使用者按下imagebutton web 控件时，显示鼠标在哪个位置上按下按钮：
<html>
<form id="form1" runat="server">
<asp:imagebutton id="button1" imageurl="vsdo.net.gif"
onclick="button1_click"
runat="server" /><p>
<asp:label id="label1" runat="server" />
</form>
<script language="vb" runat="server">
sub button1_click(sender as object,e as imageclickeventargs)
label1.text="您位于影像的" & e.x.tostring & ", " & e.y.tostring & _
" 的位置按下鼠标"
end sub
</script>
</html>
textbox web 控件
这个web 控件和<input type="text">、<input type="password"> 以及<textarea> 这三个html 元素，都一样用来接收键盘键入的数据；不过textbox 可以用来取代上述三种html 元素。其使用语法为：
<asp:textbox
id="被程序代码所控制的名称"
runat="server"
autopostback="true false"
columns="字符数目"
maxlength="字符数目"
rows="列数"
text="字符串"
textmode="singleline multuline password"
wrap="true false"
ontextchanged="事件程序名称"
/>
textbox web 控件的属性说明，如下表所示：
由上表可知，textbox 的型态是由textmode 属性来决定的，若没有设定本属性则预设为singleline。下列范例显示了三种型态的textbox：
<html>
<form id="form1" runat="server">
这是一般输入盒:
<asp:textbox id="t1" textmode="singleline" runat="server"/><br>
这是密码输入盒:
<asp:textbox id="t2" textmode="password" runat="server"/><br>
这是多行输入盒:
<asp:textbox id="t3" textmode="multiline" rows="3" runat="server"/><br>
</form>
</html>
textbox 有一个ontextchanged 事件，这个事件是当textbox 内的文字传至server 端后，server发现文字的内容和上次的值不同时就会触发；另外不管text 属性的内容是否有被改变，一率先触发page_load 事件。和button web 控件一样，使用本事件前必须先指定发生这个事件时所要执行的事件程序。下列范例码中，倘若使用者在文字输入盒中输入的内容和上次不一样时，在按下「tab」或「enter」按钮后会显示文字的内容已经被改变的讯息：
<html>
<form id="form1" runat="server">
<asp:textbox id="t1" autopostback="true" ontextchanged="t1_changed"
runat="server" /><p>
<asp:label id="label1" runat="server" />
</form>
<script language="vb" runat="server">
sub page_load(sender as object,e as eventargs)
label1.text="文字的内容没有被改变"
end sub
sub t1_changed(sender as object,e as eventargs)
label1.text="文字的内容已经被改变"
end sub
</script>
</html>
