具备亲和力的交互表单

表单是我们在实现应用时常用的,通常情况下多数的应用系统对于用户而言就是在于表单打交道,所以提升表单的交互能力是非常重要的一个环节,当然,交互其实很多时候和业务都是有关系的,就如很多业务表单需要的是快速录入的方式,这个时候如回车添加行、Tab快速切换到相应的域上都是非常重要的,在网上查了一下,没找到一个完整的交互性质的表单的Demo,非常的希望css+js高手们能动手搞一个这样的东西,这样以后大家就方便了,由于在现在的一个项目中用到了,就把自己做的一个具备了一定能力的交互表单放到网上,希望有高手能基于这个或者自己做一个能作为以后做表单时可参考的对象。
在这个交互表单中,对于交互性主要提供了这么一些:
1、表单进入域时的即时提醒
      richform.JPG
      这个对于表单中具备超多域的时候还是非常有作用的。
2、回车增加行
      enter.jpg
      这个对于快速录入数据而言比较重要。
3、星级评分
      见1中的图。
      这个还是会经常用得到的。
4、域值非法的提示
      validate.jpg
      这个是经常用到的,还有更好的象即时校验,用ajax连接后端服务器的校验等等。

强调:这个表单中象星级评分、域值校验等的都来源于网上,如作者觉得有所不妥,请声明。
            另外,这个表单发布出来并不是想表明它做的多好,自己就觉得很差劲,确实是自己的css和js水平  不够高,这样的情况下还是发布出来的主要原因是希望能向大家提供一个具备亲和力的交互表单的一些交互要素,同时希望能有高手来帮忙(象采用css+div来布局等),为广大想提升系统交互能力但水平有限的人提供个可参考的丰富交互的表单,也希望能在该表单中体现出更好、更多种类的交互,这样以后大家做系统的时候就更方便些了。
表单的下载地址:
http://www.blogjava.net/Files/BlueDavy/richform.rar

posted on 2006-09-07 20:27 BlueDavy 阅读(3065) 评论(9)  编辑  收藏 所属分类: @RIAWork

评论

# re: 具备亲和力的交互表单 2006-09-08 08:56 jelly->

其实这些东西是客户很希望要的功能,特别是习惯于cs的用户,但是往往我们却忽视了这点.  回复  更多评论   

# re: 具备亲和力的交互表单 2006-09-08 09:22 Robin's Java World

老大,你给的链接不能下载!!!  回复  更多评论   

# re: 具备亲和力的交互表单 2006-09-08 09:29 hiswing

支持  回复  更多评论   

# re: 具备亲和力的交互表单 2006-09-08 09:47 qiaohui.zhang

这些功能我在项目中也做过,不过没有像这样整理出来过,呵呵,比较懒  回复  更多评论   

# re: 具备亲和力的交互表单 2006-09-08 13:38 BlueDavy

@Robin's Java World
...可以下载的呀

@qiaohui.zhang
呵呵,希望大家都整理下,共享共享  回复  更多评论   

# re: 具备亲和力的交互表单 2006-09-08 21:53 xmusoftware

BlueDavy,考虑问题不能只看IE(IE下面的确很不错),但在最新版firefox1.5.0.6下面测试,效果全无,如果这样,这样的表单是不能让人接受的.
其实,javascript的测试应该多几个浏览器测试,如果不那么严格的话,至少要支持IE和firefox这两个浏览器,firefox 的用户也很多拉?你说是吗?我就是经常用firefox测试效果,一般来说firefox下行的,IE也行...................  回复  更多评论   

# re: 具备亲和力的交互表单 2006-09-09 10:02 BlueDavy

@xmusoftware
...所以说要高手来调整这个东西,在文中我已经说过了,这个东西的发出只是希望有css+js的高手来做个类似的东西,方便以后大家参考,maybe is the best pratice of richform...  回复  更多评论   

# re: 具备亲和力的交互表单 2006-09-14 16:03 qiaohui.zhang

表单进入域时的即时提醒这个功能的实现只能表单项比较少时用用不错,可是如果一个表单有几十个填写项,那么会很慢,影响效率,不信可以试试
  回复  更多评论   

# re: 具备亲和力的交互表单 2006-09-15 16:42 KING 大三

嗯,不错啊,这些东西虽说不是很复杂的功能,但是能注意到这一点,而且能把它单独拿出来放到一个页面的,确实是应该力挺一下啊  回复  更多评论   


只有注册用户登录后才能发表评论。


网站导航:
 

公告

 









feedsky
抓虾
google reader
鲜果

导航

<2006年9月>
272829303112
3456789
10111213141516
17181920212223
24252627282930
1234567

统计

随笔分类

随笔档案

文章档案

Blogger's

搜索

最新评论

阅读排行榜

评论排行榜