设为首页收藏本站

LUPA开源社区

 找回密码
 注册
文章 帖子 博客

提升用户体验的最佳免费jQuery表单插件

2013-10-8 16:52| 发布者: joejoe0332| 查看: 3451| 评论: 0|原作者: Sandy_guoguo, 你要爪子, yale8848, 徐继开, fanhang, anjingyuws|来自: 开源中国社区

摘要:     网页表单是一个老生常谈的话题。出于这样或那样的目的,一些示例中都会包括用户注册,电子商务结算,用户设置甚至联系人表格。而输入栏是非常容易用现代的CSS3技术来应用样式。但是到底什么决定整体用户体验 ...

Selectize.js

selectizejs jquery select menus custom plugin screenshot

设计过WEB表单的开发者都熟悉选项菜单控件:一个下来列表,包含一些不同值的选项,有时候有一些选项会放到一个选项组中。Selectize.js是一个免费的插件,可以帮助你定制选项菜单,提供更加自然的用户界面。

尽管你可以选择使用标准的选项菜单,它包含很多可定制的特性,用户甚至可以将自定义的值输入到选择菜单中。但Selectize.js可以帮你将选项域填入基于标签的输入框,你也将发现很多诸如Tumblr这样流行的社交网站已经出现在列表中,同样的,Selectize.js也允许用户输入新的标签。

Selectize.js并不是对于所有类型的标点都是完美的,但它确实提供了很多有价值的特性。基于标签输入的选项菜单是比较难实现的,而这个开源的jQuery插件提供了所有这些功能(帮助实现基于标签输入的选项菜单),以及对你的选项菜单更丰富的自定义设计。

iCheck

这是我最喜欢的插件之一,因为它里面很多的模板直接拿来就可以用。iCheck允许开发者给表单中的单选按钮和多选框设置风格。它里面有很多不同的皮肤供你选择,如扁平化的,四方或是星型的。这些皮肤的颜色都是可以改变的。

iCheck可以让开发者非常方便的自定义多选框和单选框。你可以根据你要设置的皮肤颜色来选用不同的CSS类别。因为iCheck的简单,每次我都会选用它。

Colpick

颜色选择器是另一个很少用的接口,但其对于网络应用来说是十分重要的。用jQuery构建的解决方案非常之多,我不可能都用。Colpick是可以在Github上下载的开源软件。其UI对于很多做设计的人来说不会陌生,因为它很像Photoshop中的样子。

但即使人们从来没有用过Adobe的软件,这个颜色选择器也非常简单易用。我不认为人们会费尽心思想了解它是如何工作的。它是完全用JS/CSS来实现的,甚至支持老爷级的IE7/IE8浏览器。截止我写这篇文章Colpick发行最新版本已有1个月时间,所以我们要相信其未来会有更多的更新和bug修复。

jQuery 选择按钮

jquery switchbutton plugin ios style switch sliders

苹果的ios用户一定熟悉在应用的设置里看到选择 ON/OFF配置。许多 jQuery 擦汗奸(among other libraries)在网站上复制了这样的样式。实现这样的效果 Switchbutton 是很不错的选择,它提供了大量自定义选项来修改标签文字、触发按钮。以及怎样将选择结果传入表单。

你可以自己设计一下,使他更加像IOS新IOS5/6/7选择器,或一个没有文字的缩小版本,插件页 检出代码,使他们能正常在浏览器中工作。这个插件最大的用处就是无需重新设计大段的页面就可以改善用户体验.


酷毙
1

雷人

鲜花

鸡蛋

漂亮
  • 快毕业了,没工作经验,
    找份工作好难啊?
    赶紧去人才芯片公司磨练吧!!

最新评论

关于LUPA|人才芯片工程|人才招聘|LUPA认证|LUPA教育|LUPA开源社区 ( 浙B2-20090187 浙公网安备 33010602006705号   

返回顶部