了解html 控件的原理及架构后,接下来我们先来介绍常在许多html 控件中出现的属性。
innerhtml 属性、innertext 属性
innerhtml 以及innertext 这两个属性主要是用来设定控件所要显示的文字。这两个控件的属性假设都为「<b> 试验</b>」,对于innerhtml 属性而言会将其中的<b> 标注加以解译,所以显示出粗体的文字;而对于innertext 属性而言不会将其中的<b> 标注加以解译,所以会将「<b>试验</b>」一五一十的显示出来,如下列范例所示:
<html>
<form runat="server">
<button id="button1" runat="server" onserverclick="button1_click"/><p>
<span id="sp1" runat="server"/> <br>
<span id="sp2" runat="server"/>
</form>
<script language="vb" runat="server">
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="<b>测试</b>"
sp2.innertext="<b>测试</b>"
end sub
</script>
</html>
程序执行结果:

按钮按下后:

disabled 属性
disabled 属性我们称做禁能。禁能就是将一个对象的功能关闭,让对象暂时无法执行工作。所以如果将对象的disabled 属性设为true 时,该对象会显示为灰色并且停止工作;然而若我么将disabled 属性设回false,该控件即可正常工作。以button 对象为例,若该对象的disabled 属性被设定为true,则按钮无法被按下,如下范例所示:
<html>
<button id="button1" runat="server">disable 状态</button><p>
<button id="button2" runat="server">enable 状态</button>
<script language="vb" runat="server">
sub page_load(sender as object, e as eventargs)
button1.disabled=true
end sub
</script>
</html>
程序执行结果:

visible 属性
visible 属性可以让一个对象的视觉元素消失,换句话说就是将对象隐藏起来让使用者看不到。下面范例在page_load 事件中将名为anchor1 的超级链接控件隐藏起来,待使用者按下button1按钮后再将其visible 属性设为true:
<html>
<a id="anchor1" runat="server" href="http://127.0.0.1">出现的anchor 控
件</a>
<form runat="server">
<button id="button1" runat="server"
onserverclick="button1_click">click!!
</button>
</form>
<script language="vb" runat="server">
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
</script>
</html>

按下button1 后:

attributes 属性
有两个方法可以指定对象的属性,第一种是我们前面常用的对象.属性,而另外一种就是对象.attributes("属性名称") 。下列范例利用attributes 属性指定anchor1 的href 属性:
<html>
<script language="vb" runat="server">
sub page_load(sender as object, e
as eventargs) anchor1.attributes("href")="http://msdn.microsoft.com"
end sub
</script>
<a id="anchor1" runat="server">按这里</a>
</html>
style 属性
本属性可以用来设定控件的样式。我们以button 控件为例子,标准button 控件的底色为灰色,而文字为黑色。对于只使用html 标注来说,除非我们配合css(cascading style sheet,串接样式表。这是为了补强html 的不足,由全球信息网联盟所提出的规格)的使用,否则无法更改按钮的颜色。为了让开发人员可以方便的设定对象样式,asp.net 便为控件设计了style属性。下表列出style 属性可以设定的样式:


下列范例改变了button 控件的样式:
<html>
<button id="button1" runat="server">button 按钮</button>
<script language="vb" runat="server">
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
</script>
</html>
