接着我们来介绍web 控件的基础属性,所谓基础属性就是所有的web 控件共同都有的属性。这些属性有:

accesskey 属性
这个属性可以用来指定键盘的快速键。我们可以指定这个属性的内容为数字或是英文字母,当使用者按下键盘上的「alt」再加上我们所指定的值时,表示选择该控件。例如下列范例指定web控件button 的accesskey 属性为「a」,当使用者按下「alt」+「a」时即表示按下了按钮:
<form id="form1" runat="server">
<asp:button id="button1" text="请按我" runat="server" accesskey="a"
onclick="button1_click"/>
或是按alt+a 也可以
</form>
<asp:label id="label1" runat="server"/>
<script language="vb" runat="server" id=script1>
sub button1_click(sender as object, e as eventargs)
label1.text="您按了button1"
end sub
</script>

上述程序无论是直接按了按钮或是按下「alt」+「a」,都会触发button1_click 这个事件程序。这里要特别注意一点,那就是button web 控件的按钮事件驱动属性不是onserverclick,而是onclick 属性。
backcolor 属性
设定对象的背景色,其属性的设定值为颜色名称或是#rrggbb 的格式。如果用rgb 来调色,利用影像软件或frontpage 来查询颜色的值较为方便。下列程序代码设定了label web 控件的背景色为灰色:
<asp:label id="label1" text="label" backcolor="#e0e0e0" runat="server"
/>

borderwidth 属性
本属性可以用像素来设定web 控件的边框宽度,不过在有些能力较差的浏览器上可能无法显示。
<asp:label id="label1" text="label" borderwidth=1 runat="server"/>

bordercolor 属性
本属性可以用来设定外框的颜色。程序及执行结果如下:
<asp:label id="label1" text="label" borderwidth=1 bordercolor="red"
runat="server" />

borderstyle 属性
本属性可用来设定对象的外框样式,总共有十种设定,如下表所示:


下列范例为borderstyle 属性的效果测试:
<asp:button id="b1" text="notset" runat="server"/>
<asp:button id="b2" text="none" borderstyle="none" runat="server"/>
<asp:button id="b3" text="dotted" borderstyle="dotted" runat="server"/>
<asp:button id="b4" text="dashed" borderstyle="dashed" runat="server"/>
<asp:button id="b5" text="solid" borderstyle="solid"
runat="server"/><p>
<asp:button id="b6" text="double" borderstyle="double" runat="server"/>
<asp:button id="b7" text="groove" borderstyle="groove" runat="server"/>
<asp:button id="b8" text="ridge" borderstyle="ridge" runat="server"/>
<asp:button id="b9" text="inset" borderstyle="inset" runat="server"/>
<asp:button id="b10" text="outset" borderstyle="outset"
runat="server"/><p>

enabled 属性
本属性称为致能,用来决定控件是否正常工作。本属性的默认值是true,如要让控件失去作用,只要将控件的enabled 属性值设为false 即可将它禁能。我们之前介绍的html 控件也有一个类似的disabled 属性,称为禁能属性;和这里的web 控件刚好相反。
<asp:button id="button1" text="button 控件" enabled="false"
runat="server" /><p>
<asp:button id="button2" text="button 控件" runat="server" />

font 属性
web 基础属性提供了六种数性让我们可以用来设定字型的样式,其属性以及设定值如下表所示:

下列范例展示了字型属性的设定:
<asp:label id="label1" runat="server" font-bold="true" text="粗体"/>
<asp:label id="label2" runat="server" font-italic="true" text="斜体"/>
<asp:label id="label3" runat="server" font-names="标楷体" text="标楷体
"/>
<asp:label id="label4" runat="server" font-strikeout="true" text="删除
线"/>
<asp:label id="label5" runat="server" font-underline="true" text="底线
"/>
<asp:label id="label6" runat="server" font-size="xx-large" text="大字
体"/>

height 属性、width 属性
这两个属性用来设定web 控件的高和宽,单位是pixel(像素)。范例及程序如下:
<asp:button id="b1" text="预设大小" runat="server" /><p>
<asp:button id="b2" text="改变大小" height="55" width="92"
runat="server"/>

tabindex 属性
用来设定当使用者按下「tab」按钮时,web 控件接收驻点的顺序,如果这个属性没有设定的话就是默认值零。如果web 控件的tabindex 属性值一样的话,则是以web 控件在asp.net 网页中被配置的顺序来决定。下列范例指定了button web 控件的tabindex 属性,由于b3 的tabindex 值最小,所以浏览网页的时候驻点是停留在b3 上:
<asp:button id="b1" text="tabindex=3" tabindex="3" runat="server"/>
<asp:button id="b2" text="tabindex=2" tabindex="2" runat="server"/>
<asp:button id="b3" text="tabindex=1" tabindex="1" runat="server"/>

tooltip 属性
tooltip 就是小提示。有设定本属性时,当使用者停留在web 控件上时就会出现提示的文字:
<asp:button id="b1" text="我有小提示" tooltip="这就是小提示"
runat="server"/>

visible 属性
visible 属性决定了控件的显示。设定本属性为false 时,控件的使用者接口就会消失:
<asp:button id="b1" text="没隐藏的按钮" runat="server"/>
<asp:button id="b2" text="隐藏的按钮" visible="false" runat="server"/>
