【推荐】用于UI和表单设计的10款jQuery插件

本文搜集了一些有用的用户界面和架构设计工具。包含架构验证器、文件上传以及UI工具包。

1.A Better Form

这款插件有助于清除垃圾评论、垃圾邮件和自动提交表单。

在线演示

2.3 State Switch Plugin

此款插件可切换至三种状态。

在线演示

3.Accessible radio button and checkbox replacement

此插件可以访问单选按钮和复选框更换

在线演示

4.HTML 5 WYSIWYG Editor

一款强大的HTML5代码编辑器。在线演示

5.Zebra_Datepicker

这是一款小型的、高度配置的日期选择器。在线演示

6.jqportal

可根据UI设置不同的工具,datagrid, treeview, calendar, accordion, tables。

在线演示

7.Tag it!

此工具用来处理文本输入标签。在线演示

8.jQuery File Upload

非常棒的一款文本处理工具,可同时上传多和文件,自由缩放,可观看预览图像及上传进度。

在线演示

9.jquery-validators

你可以使用正则表达式,自定义消息,逐个检查每个字段。

在线演示

10.Ninja UI

你可以创建漂亮的moderb接口。

在线演示

希望我们收集的这些jQuery插件,令您感兴趣。(夏梦竹/译)

相关文章推荐:

10款优秀的jQuery图片插件

UI设计师必读的13篇文章

原文链接:10 fresh jQuery plugins for working with forms and UI

时间: 2024-09-23 22:58:55

【推荐】用于UI和表单设计的10款jQuery插件的相关文章

响应式web设计实现图片效果10款jQuery插件

1.基于jQuery实现的汇图网大屏焦点图效果 汇图网大屏jQuery焦点图代码,可设置切换模式,如淡入淡出切换,左右滚动切换,上下滚动切换,可设置是否自动轮播,可设置鼠标划过是否停止播放等.     在线演示 源码下载 2.HTML5基于SVG实现的过山车动画特效 今天我们要分享一款很酷的HTML5/SVG动画,这款HTML5动画是过山车效果,主要是利用了SVG的path动画来实现的,整体动画效果流畅自然,效果非常酷.     在线演示 源码下载 3.jQuery实现苹果官网页面上下滚动全屏效

怎样将注册表单设计的让尽量多的访问者更愿意完成填写

无论是用于注册.支付还是联络,我们总是需要通过表单来获取用户的信息.不幸的是,在现实当中,总会有很多访问者一见到表单就会立刻点击浏览器上的后退按钮.这里面原因有很多,例如表单篇幅太长.不大友好.不那么值得信任,或是用户还没真正准备好进行交易等等. 这种情况每发生一次,我们就失掉了一个潜在用户. 怎样将表单设计的让尽量多的访问者更愿意完成填写,这是设计师们必须面对的挑战.站在用户的角度,我们可以将问题分为四个方面. 我能得到什么? 一提到"转化",设计师们首先想到的往往是一些相关操作的细

表单设计与转化率的提升

无论是用于注册.支付还是联络,我们总是需要通过表单来 获取用户的信息.不幸的是,在现实当中,总会有很多访问者一见到表单就会立刻点击浏览器上的后退按钮.这里面原因有很多,例如表单篇幅太长.不大友好.不那么值得信任,或是用户还没真正准备好进行交易等等. 这种情况每发生一次,我们就失掉了一个潜在用户.怎样将表单设计的让尽量多的访问者更愿意完成填写,这是设计师们必须面对的挑战.站在用户的角度,我们可以将问题分为四个方面. 我能得到什么? 一提到"转化",设计师们首先想到的往往是一些相关操作的细

Web表单设计:表单结构

你是否曾为表单设计感到过沮丧或不知所措呢?接下来三篇文章,希望能彻底改变你的看法,真正爱上Web表单设计.首先感谢Luke Wroblewski的帮助,让我有机会细心品味设计表单的乐趣.总体来说,Web表单主宰着结算.注册和数据输入.每天eBay.Taobao上的大量物品主要通过出售物品(Sell Your Item)表单售出:MySpace.Facebook等超过几亿的用户都是通过Web表单加入网站社区的:YouTube.Youku通过上传视频(Upload Your Video)表单收集了大

登陆表单设计案例:网页和APP登陆表单

文章描述:网页与APP中那些优美的登陆表单. 我从Dribbble收集了20个漂亮的登陆表单案例.希望你看后能从中受益,并对你以后的登陆表单设计有帮助.设计一个登陆表单看上去非常容易,但大多设计都很糟糕.毫无亮点.无论如何,这篇Dribbble案例集锦绝对走的是另一个极端.希望它们能赢得你的青睐!来一起欣赏吧:) 网站与APP中的登陆表单 继承了iOS7的精髓,这件登陆界面作品将iOS7微妙的动画背景上升到一个新的层面.此处的背景完全是一张动画图片--甚至可能是GIF.尽管这背景事实上没有那么精

学习网页制作之浅议 Web 表单设计

web|设计|网页 "输入框( Input )应当符合逻辑地划分为小组,这样大脑就可以很好的处理大堆区域间的关系."– <HTML权威指南> Web 应用程序总是利用表单来处理数据录入和配置,但并不是所有的表单都保持一致.输入区域的对齐方式,各自的标签(label),操作方式,以及周围的视觉元素都会或多或少影响用户的行为. 表单布局 考虑到用户完成表单填写的时间应当尽可能的短,并且收集的数据都是用户所熟悉的(比如姓名.地址.付费信息等),垂直对齐的标签和输入框可以说是最佳的

Web表单设计:表单结构

[版权声明]:版权归作者Alite所有,转载时请以超链接形式标明文章原始出处和作者信息及本声明 原文地址::http://www.alitedesign.com 你是否曾为表单设计感到过沮丧或不知所措呢?接下来三篇文章,希望能彻底改变你的看法,真正爱上Web表单设计.首先感谢Luke Wroblewski的帮助,让我有机会细心品味设计表单的乐趣.总体来说,Web表单主宰着结算.注册和数据输入.每天eBay.Taobao上的大量物品主要通过出售物品(Sell Your Item)表单售出:MySp

Web表单设计之注册表单

必须面对的问题有:用户不喜欢提交表单.然我们的目的是让用户愿意提交表单. 下面是一个关于web表单设计的调查报告,这个结果来源于100个令人瞩目的网站. 注册表单设计调查 1.表单的安置 1.1注册表单链接的标题是怎么样的? 当用户想要加入某个时,他们会试图寻找"sign-up","register","join","join","become-a-member"或者"creat-an-accou

WEB表单设计

设计师不再只是为互联网创造漂亮美观的图形那么简单了,作为一个WEB设计师,我们还需要考虑一些其他的问题,比如用户体验,算法,代码等等.如今用户体验设计越来越重要,对于WEB表单的设计尤其如此. WEB表单设计的目标是设计出一套让用户能够从填表到点击提交按钮的最简单的流程.这个过程中不需要太多的炫目效果,虽然jQuery的表单插件一直都很受欢迎.在这片文章中我们只关注于表单的用户体验和交互过程.这里的概念也能够有效的帮助你减少用户在填表过程中的挫折感. 保持醒目和简洁 我听过不计其数的用户抱怨注册