使用LABEL增强你的页面体验

原创 2007年09月29日 09:11:00

  今天浏览aoao(嗷嗷)的网站时,无意发现aoao呼吁大家要给checkbox及radio配个老婆(LABEL),仔细看了一下,发现这样做确实很有必要。虽然我一直都有给它们配“老婆”,但确实没做到aoao这样来倡议大家都这么做,先自己汗一个-_-!!

  在现如今WEB都以用户体验作为一个重要的指标来看待,是很有道理的。相信每个网友在浏览页面时,都希望有最IN的体验。

  现在我们就来说说LABEL,一个容易被人遗忘和弃用的标签。下面以checkbox和radio来加以说明:

  [演示地址:http://www.doyoe.com/model/xhtml/markup/label.htm

输出效果:

checkbox

点这里看哪种体验更好(没老婆)

radio

点这里看哪种体验更好(没老婆)

 引用代码:

<fieldset>
  <legend>checkbox</legend>
  <p><input type="checkbox" name="ck" id="test1" /><label for="test1">点这里看哪种体验更好(有老婆)</label></p>
  <p><input type="checkbox" name="ck" />点这里看哪种体验更好(没老婆)</p>
</fieldset>
<fieldset>
  <legend>radio</legend>
  <p><input type="radio" name="rd" id="test2" /><label for="test2">点这里看哪种体验更好(有老婆)</label></p>
  <p><input type="radio" name="rd" />点这里看哪种体验更好(没老婆)</p>
</fieldset>

  不难发现,有老婆(LABEL)和没老婆的chekcbox和radio是有区别的。给它们配上老婆之后,点击选择它们变得更简单了,不再仅仅局限在那个小框框和小圆圆。

  扩展阅读:aoao“各位大大行行好,给checkbox配个老婆(label)吧

  原文地址:http://blog.doyoe.com/blogedit.asp?id=8

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

iOS 自动布局 Auto Layout 入门 06 详情页面 (a) 歌手名称Label

这一节开始,我们做一个更复杂的程序。我们需要为音乐播放程序构建一个详情页面,这个页面用于显示歌手的名字和专辑的一些详细信息: 创建一个名为ArtistDetail的single view应用程序,...

Cocos2d-x v3.0正式版尝鲜体验【3】 Label文本标签

Cocos2d-x在新版本中加入了新的Label API,和以往不同的是,2.x的版本是通过三个不同的类来创建不同的文本标签,而现在是模仿着精灵的创建方式,一个类创建不同形式的文本,不过核心内容还是差...

ArcGIS中标注(label)的使用技巧

标注是显示在地图上的文字信息,它是出图中不可或缺的重要元素。标注的样式丰富,并且放置位置灵活,因此带来了对标注控制的难度。例如地质图里的上下标,或是一些分式的标注,就必须使用代码编程来实现。这篇文章就...

Label的使用

  • 2013-03-24 10:11
  • 137KB
  • 下载

Asp.net MVC中关于@Html标签Label、Editor使用

@Html帮助器简单说明,记录些基本的跟HTML中对应的@html帮助器,@Html基本包含了html中的表单控件和常用Html 在@Html中,带有For的主要是针对强类型的Html类型。 用于...
  • pasic
  • pasic
  • 2011-12-21 23:35
  • 58920
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)