但凡注意观察的人都会发现,我们在使用 Dreamweaver 进行网站制作时,只要一加入表单,表单对象或者文本框时就会在代码中自动加入一个<label> </label>的标记,这个label标记在网站制作中的作用到底是什么呢?
南昌网站建设公司紫索科技在这里给大家解释一下这个标记的作用,其实 Label 主要有两个属性,一个是FOR、另外一个是ACCESSKEY
其中 FOR 属性在网站制作中的具体用法为 <Label FOR="InputBox"> ** </Label><input ID="InputBox" type="text"> ,它表示 Label 标签要绑定的 HTML 元素,当我们点击这个标签的时候,所绑定的元素将获取焦点。
而 ACCESSKEY 属性在网站制作中的具体用法为 <Label FOR="InputBox" ACCESSKEY="N"> ** </Label><input ID="InputBox" type="text"> ,它表示访问 Label 标签所绑定的元素的热键,当我们按下热键时所绑定的元素将获取焦点。但是 ACCESSKEY 用于网站制作时有一个局限性,那就是当我们所设置的快捷键与浏览器的快捷键冲突时,将优先激活浏览器的快捷键,因此我们应该要尽量避免此类冲突的产生。
我们在网站制作中使用 label 标记时还要注意以下几个事项:
如若需要将 label 标记绑定到其它控件上,则需要将 label 标记的 FOR 属性设置为与该控件相同的 ID ;如若要提交表单,则需要为 label 标记所绑定到的控件指定NAME
label 标记不允许嵌套
label 标记在Internet Explorer 4.0 及以上版本的 HTML 和脚本中可用
label 标记是内嵌元素
label 标记需要关闭标签
>
最近网页设计人的热门话题,是一个来自于台北设计展的官方网页内容。这个网站基本上的呈现十分的不错,但有一位网路知名的部落客,却发表了一篇文章批评这样的设计很烂,原因只有一个:他的iPhone手机无
查看详情成功的网站的秘诀,就是让使用者愿意阅读更多新闻。读者愿意停留在网站的时间越久,同等于点阅了越多的内容,不仅对于企业增加新的客源更有帮助,对于搜寻引擎来说,可以降低网站的离开率(Bounce Ra
查看详情已经厌倦了一成不变的网页设计视觉效果了吗?其实欧美的许多产业与企业,利用了网站的特效与视觉效果,大胆的打造出企业求新、求变、热情、创新的效果,建立企业年轻的印象。
不久前我们才迎接了2011的跨年夜,来到了全新的2012年,网路的发展也有许多趋势值得关注,因为趋势代表的是进步与演进、以及带来更多的趋势。以下是我们所观察到,有机会随着时间逐渐热络的网页设计趋
查看详情网路上一堆关于2012年的网页设计趋势潮流资讯,是否看得头昏眼花?很幸运的我们找到了一篇精简、整合度很高的2012网页设计潮流趋势文章,与各位分享外,也将最近我们发布的文章与此内文整合,提供您一
查看详情网页设计是由许多不同的元素所组成,各有不同程度的重要性和一些特别的要求。有些元素是共享的关係,有些却是不相关的。困难之处在于能够传达视觉美感及成效。这是网页设计的对比的原则。
对比