动网论坛,站长建站首选,国内使用量最多的论坛软件 动网论坛官方技术讨论区 站长工具 申请属于您自己的免费论坛
首页 | 新闻资讯 | 网站运营 | 网络编程 | 数据库 | 服务器 | 网页设计 | 图像媒体 | 网络应用 | 搜索优化 | 资源下载 | 动网主机 | DVBOX
    本站内  互联网 ASP论坛  ASP.Net论坛  PHP论坛
  
   .Net → 阅读文章

 HTML 控件常用属性

作者来源: 
阅读 1716 人次 , 2006-3-29 4:27:00 


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

 本文TagsHTML/CSS  
 收藏本文  打印本文  论坛讨论  关闭窗口
· 上一篇:基础HTML 控件
· 下一篇:HTML 控件架构
· 浅析.Net下的多线程编程
· Data Cache(资料快取)
· 一个完整的网上追捕的原程序
· 属性和元数据
· 容器中控件的拖动


关于本站 | 联系我们 | 业务合作 | 客户案例 | 诚聘英才 | 广告合作 | 收藏本站
海口动网先锋网络科技有限公司版权所有
Copyright © 2000 - 2006 Cndw.Com
中华人民共和国电信与信息服务业务经营许可证编号 琼 ICP 020077