Web 控件的基础属性

发表于:2007-07-14来源:作者:点击数: 标签:
接着我们来介绍Web 控件的基础属性,所谓基础属性就是所有的Web 控件共同都有的属性。这些属性有: AccessKey 属性 这个属性可以用来指定键盘的快速键。我们可以指定这个属性的内容为数字或是英文字母,当使用者按下键盘上的「Alt」再加上我们所指定的值时,


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


Aclearcase/" target="_blank" >ccessKey 属性
    这个属性可以用来指定键盘的快速键。我们可以指定这个属性的内容为数字或是英文字母,当使用者按下键盘上的「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"/>

原文转自:http://www.ltesting.net