了解HTML 控件的原理及架构后,接下来我们先来介绍常在许多HTML 控件中出现的属性。
InnerHtml 属性、InnerText 属性 InnerHtml 以及InnerText 这两个属性主要是用来设定控件所要显示的文字。这两个控件的属性假设都为「 试验」,对于InnerHtml 属性而言会将其中的 标注加以解译,所以显示出粗体的文字;而对于InnerText 属性而言不会将其中的 标注加以解译,所以会将「试验」一五一十的显示出来,如下列范例所示:
Sub Page_Load(Sender As Object, e As EventArgs)
Sp1.InnerHtml="InnerHtml 测试"
Sp2.InnerText="InnerText 测试"
Button1.InnerText="请按此处"
End Sub
Sub Button1_Click(Sender As Object, e As EventArgs)
Sp1.InnerHtml="测试"
Sp2.InnerText="测试"
End Sub
程序执行结果:
按钮按下后:
Disabled 属性 Disabled 属性我们称做禁能。禁能就是将一个对象的功能关闭,让对象暂时无法执行工作。所以如果将对象的Disabled 属性设为True 时,该对象会显示为灰色并且停止工作;然而若我么将Disabled 属性设回False,该控件即可正常工作。以Button 对象为例,若该对象的Disabled 属性被设定为True,则按钮无法被按下,如下范例所示:
Disable 状态
Enable 状态
Sub Page_Load(Sender As Object, E As Eventargs)
Button1.Disabled=True
End Sub
程序执行结果:
Visible 属性 Visible 属性可以让一个对象的视觉元素消失,换句话说就是将对象隐藏起来让使用者看不到。下面范例在Page_Load 事件中将名为Anchor1 的超级链接控件隐藏起来,待使用者按下Button1按钮后再将其Visible 属性设为True:
件
OnServerClick="Button1_Click">Click!!
Sub Page_Load(Sender As Object, e As EventArgs)
Anchor1.Visible=False
End Sub
Sub Button1_Click(Sender as Object, e As EventArgs)
Anchor1.Visible=True
End Sub
按下Button1 后:
Attributes 属性 有两个方法可以指定对象的属性,第一种是我们前面常用的对象.属性,而另外一种就是对象.Attributes("属性名称") 。下列范例利用Attributes 属性指定Anchor1 的Href 属性:
Sub Page_Load(Sender As Object, E
As Eventargs) Anchor1.Attributes("Href")="http://msdn.microsoft.com"
End Sub
按这里
Style 属性 本属性可以用来设定控件的样式。我们以Button 控件为例子,标准Button 控件的底色为灰色,而文字为黑色。对于只使用HTML 标注来说,除非我们配合CSS(Cascading Style Sheet,串接样式表。这是为了补强HTML 的不足,由全球信息网联盟所提出的规格)的使用,否则无法更改按钮的颜色。为了让开发人员可以方便的设定对象样式,ASP.NET 便为控件设计了Style属性。下表列出Style 属性可以设定的样式:
下列范例改变了Button 控件的样式:
button 按钮
Sub Page_Load(Sender As Object, e As EventArgs)
Button1.Style("Background-Color")="#FFFF00" '以RGB 设定颜色
Button1.Style("Color")="Blue"
Button1.Style("Font-Family")="标楷体" '设定字型
Button1.Style("Font-Size")="20pt" '设定字体大小
Button1.Style("Font-Style")="italic" '设定为斜体字
Button1.Style("Font-Weight")="bold" '设定为粗体字
Button1.Style("Text-Decoration")="Underline" '设定为底线字
Button1.Style("Text-Transform")="UpperCase" '小写转大写
End Sub