NoahWeb
在线搜索
NoahWeb.net | 开发者交流中心 | 支持 | 文档 | 反馈缺陷 

label类型控件的妙用示例

  假定这样的情景:当客户想要查看他所填写的资料的时候,你将使用一张表单来显示这些资料,这里并不提供用户修改资料。那么,你要注意,这里重用用户填写资料时的那张表单不是个好选择,因为表单中的控件类型比如text是可以再次填写的,但这个模块并不提供修改功能,容易让人混淆。这种情况下,你完全可以使用label类型控件来避免类似问题。使用方法非常简单,只要将需要的控件类型设置为label即可。如下图

  我们看到,图中的Input控件使用的是label类型,那么,前端页面显示情况如何呢?如下图

  我们看到,该Input控件的值以label方式显示,仅仅提供了查看的功能,有效的避免了上面提到的问题。这是对你有所帮助的。


  然而,label类型控件的作用却远远不止如此,再考虑一个这样的情景:你的表单用来给用户填写资料,表单中有些是必添项,有些是选填项。按照很多人熟悉的方式,你希望在必添项的控件后面打入一个红色的“*”以示该项为必添项。使用HTML,实现这一点非常的简单,而在NoahWeb中,使用label类型标签同样可以轻松做到!我们首先来看一段代码,如下图

  注意,图中的InputLine标签中使用了两组Input标签,第一组Input标签是我们熟悉的select类型控件,重要的是第二组,使用了label类型的一个控件,而在其下的label标签中,加入了一个“*”,并且指定了颜色为“red”。如下图

  以系统默认的方式,如果一个InputLine中存在有多余一个的Input控件,那么,每个Input类型控件会以横向方式进行排列,这样,前端页面显示如下图

一个红色一个的"*"加到了控件之后。我们看到,使用这种方式,完全可以实现上面提到的功能,非常简单。另外,这也告诉你,一个InputLine中并不是只可以放一个Input控件,放入几个控件完全取决于你的需要。

 

 

 

 

查看NoahWeb在线手册

Copyright © 2001-2004 The NoahWeb Corporation
All rights reserved.