表单是我们在实现应用时常用的,通常情况下多数的应用系统对于用户而言就是在于表单打交道,所以提升表单的交互能力是非常重要的一个环节,当然,交互其实很多时候和业务都是有关系的,就如很多业务表单需要的是快速录入的方式,这个时候如回车添加行、Tab快速切换到相应的域上都是非常重要的,在网上查了一下,没找到一个完整的交互性质的表单的Demo,非常的希望css+js高手们能动手搞一个这样的东西,这样以后大家就方便了,由于在现在的一个项目中用到了,就把自己做的一个具备了一定能力的交互表单放到网上,希望有高手能基于这个或者自己做一个能作为以后做表单时可参考的对象。
在这个交互表单中,对于交互性主要提供了这么一些:
1、表单进入域时的即时提醒
这个对于表单中具备超多域的时候还是非常有作用的。
2、回车增加行
这个对于快速录入数据而言比较重要。
3、星级评分
见1中的图。
这个还是会经常用得到的。
4、域值非法的提示
这个是经常用到的,还有更好的象即时校验,用ajax连接后端服务器的校验等等。
强调:这个表单中象星级评分、域值校验等的都来源于网上,如作者觉得有所不妥,请声明。
另外,这个表单发布出来并不是想表明它做的多好,自己就觉得很差劲,确实是自己的css和js水平 不够高,这样的情况下还是发布出来的主要原因是希望能向大家提供一个具备亲和力的交互表单的一些交互要素,同时希望能有高手来帮忙(象采用css+div来布局等),为广大想提升系统交互能力但水平有限的人提供个可参考的丰富交互的表单,也希望能在该表单中体现出更好、更多种类的交互,这样以后大家做系统的时候就更方便些了。
表单的下载地址:
http://www.blogjava.net/Files/BlueDavy/richform.rar