html控件的状态,HTML 控件常用属性

了解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

程序执行结果:

eb77623939d193d4facad3f57c256843.png

按钮按下后:

60b4dbc88d219ad1a2747a5966d88cfc.png

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

程序执行结果:

96392dcce1fe7fefdefbe1209321242a.png

Visible 属性    Visible 属性可以让一个对象的视觉元素消失,换句话说就是将对象隐藏起来让使用者看不到。下面范例在Page_Load 事件中将名为Anchor1 的超级链接控件隐藏起来,待使用者按下Button1按钮后再将其Visible 属性设为True:

出现的Anchor 控

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

d0b517f47a5f34c77d50ee89dc6610d3.png

按下Button1 后:

58c4203e99d3c81ded8712fbbd6e8f7b.png

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 属性可以设定的样式:

a34a665e16a709529d8f48efa1690f55.png

6a619372617dd21b6d0e142065255147.png

下列范例改变了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

935ec06d3d98efe9ed76b2c9ef3098ed.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值