阅读更多

8顶
0踩

Web前端
表单向导可以很好地引导用户进行一步一步的操作,从而降低用户错误输入的几率。尽管互联网中有大量的类似插件,但真正好用的不多。

本文整理了6个比较优秀的表单向导插件,希望能够为你带来帮助。

1. Smart Wizard

这是一个灵活的向导插件,可以将内容分成几部分,以节省页面空间。同时,还提供了一个灵活的、时尚的用户界面。



源码 / 演示

2. jquery.quickWizard

该插件可以将一系列表单元素转换成简单的向导模式。可以和jQuery验证插件、jQuery UI效果和jQuery过渡插件结合使用。



源码 / 演示

3. jQuery Formwizard Plugin

该插件可以用来创建向导形式的表单,且在向导步骤切换时无需重新加载页面。



源码 / 演示

4. jWizard

用于创建向导式表单的jQuery UI部件。



源码 + 演示

5. jQuery Stepy

该插件基于FormToWizard,可以产生一个可定制的向导。



源码 + 演示

6. FormToWizard plugin

这个详细的教程将告诉你如何把一个长表单转换成拥有几部分的步进式表单。另外,还提供了一个插件。



源码 / 演示

英文原文:6 jQuery Form Wizard Plugins
  • 大小: 64.8 KB
  • 大小: 57.3 KB
  • 大小: 55.2 KB
  • 大小: 53.4 KB
  • 大小: 53.4 KB
  • 大小: 51 KB
  • 大小: 53.4 KB
8
0
评论 共 11 条 请登录后发表评论
11 楼 ycyangcai 2013-03-22 15:28
     
10 楼 a249843098 2012-08-23 12:01
都别等了,2和3楼还没开始弄,我没法按计划展开工作。
9 楼 7454103 2012-07-08 10:03
好!等七楼吧!
8 楼 aegeanmoon 2012-07-08 00:13
第一个最好,其他都很难看
7 楼 syx278250658 2012-07-07 20:15
这些东西,又不难,还是等6把4楼整合2楼和3楼好的拿过来,调试好,没问题了投入使用后,再把6楼的拿过来,调试好,没问题了再投入使用,不用改
6 楼 a249843098 2012-07-06 18:35
7454103 写道
这些东西,又不难,还是把2楼和3楼拿过来,调试好,没问题了再投入使用,不用改!

这些东西,又不难,还是等4楼把2楼和3楼拿过来,调试好,没问题了投入使用后,再把4楼的拿过来,调试好,没问题了再投入使用,不用改!
5 楼 sunliao_first 2012-07-06 16:06
还是不错的
4 楼 7454103 2012-07-06 14:42
这些东西,又不难,还是把2楼和3楼拿过来,调试好,没问题了再投入使用,不用改!
3 楼 tlde_ti 2012-07-06 13:21
这些东西,又不难,还是用别人的好,省力,出了问题自已一样能看源代码改。
2 楼 shuzheng5201314 2012-07-06 10:32
这些东西,又不难,还是自己写的好,出了问题自己也好改
1 楼 liukai 2012-07-05 22:06
早出1周就好了~
后来还是自己写了个..

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • jQuery填写表单带步骤指引的表单向导提示插件

    jQuery填写表单带步骤指引的表单向导提示插件 jQuery填写表单带步骤指引的表单向导提示插件

  • jquery-smartwizard:很棒的jQuery步骤向导插件

    很棒的jQuery步骤向导插件。 jQuery Smart Wizard是jQuery的可访问步骤向导插件。 为您的表单,结帐屏幕,注册步骤等提供简洁时尚的界面。易于实现,Bootstrap兼容性,可自定义的工具栏,主题,事件和Ajax支持是...

  • [转载] 推荐6个jQuery表单向导插件

     本文整理了6个比较优秀的表单向导插件,希望能够为你带来帮助。 1. Smart Wizard  这是一个灵活的向导插件,可以将内容分成几部分,以节省页面空间。同时,还提供了一个灵活的、时尚的用户界面。 源码...

  • formwizard:基于jQuery UI的jQuery插件,可将表单转换为多步向导。 与用于提交AJAX表单的jQuery表单插件,用于客户端验证的验证插件以及用于启用浏览器后退和前进按钮的BBQ插件集成在一起

    表单向导 FormWizard是一个jQuery插件,只需花费很少的精力即可将常规HTML表单转换为向导。 该插件通过与以下jQuery插件集成来支持AJAX表单提交,表单验证以及浏览器的后退和前进按钮: jQuery表单 jQuery验证 ...

  • jQuery Step 向导插件参考文档

    文档来源:https://github.com/rstaib/jquery-steps/wiki 一、设置/setting [1]. 外观设置(Appearance) 设置名称 描述 值的类型 默认值 headerTag 指定步骤按钮文本所在的标签 String h1 bodyTag 指定...

  • 6个jQuery Form Wizard插件

    这个jQuery表单向导是一个jQuery插件,通过创造具有某种形式的流动形式助攻(无需刷新你的页面)。 例如,如果您有用于输入用户数据的大形式,你可以使用一个窗体向导把它分成了一系列相关措施。 这还没有用户陷入一...

  • jquery wizard_6个jQuery Form Wizard插件

    jquery wizard jQuery表单向导是一个jQuery插件,可帮助您以某种形式的表单流创建表单(无需刷新页面)。 例如,如果您有一个用于输入用户... 在这篇文章中,我们列出了6个我们最喜欢的jQuery表单向导,检查了它们...

  • jquery 酷炫导航插件_10个最具创意的jQuery导航插件

    jquery 酷炫导航插件10 most creative jQuery plugins for navigation This is collection of most attractive jQuery plugins for navigation (menu). This is various plugins including context menus, floating,...

  • Jquery各种插件下载

    CSS3动画进度条 H5文件上传插件easyUpload.js ... jQuery常用网站表单验证 jQuery打印插件jqprint jquery弹出模态框图片缩放、旋转、切换(原创) jQuery滚动加载加载图表插件 jQuery横向及纵向进度条插件...

  • jquery php 上传插件,jQuery File Upload-jQuery上传插件

    插件描述:jQuery File Upload 是一个Jquery图片上传组件,支持多文件上传、取消、删除,上传前缩略图预览、列表显示图片大小,支持上传进度条显示;支持各种动态语言开发的服务器端。下载文件更新时间:2016-08-19...

  • jquery分步向导,jwizard.js

    表单插件,填写表单时分为第一步,第二步等,有下一步按钮

  • php 注册分步注册,基于jquery实现一个滚动的分步注册向导-附源码_jquery

    先给大家展示效果图,需要的朋友可以下载源码哦~HTML首先要载入jquery库和滚动插件scrollable.js接着构造html主体结构。1.创建账户2.填写联系信息3.完成-----任意html内容----------任意html内容----------任意html...

  • yii2-formwizard:一个Yii2插件,用于使用yii \ widgets \ ActiveForm和\ yii \ db \ ActiveRecord创建步进式表单或表单向导

    一个Yii2插件,用于使用yii\widgets\ActiveForm和\yii\db\ActiveRecord创建步进式表单或表单向导,它使用来创建使用3个内置和3个其他主题的表单界面,此外,您还可以创建自己的表单也有自己的定制主题。 注意:它...

  • 20个jQuery、CSS3和html5最新插件

    这里收集了一些2014-2015年最新的jQuery、css3和html5插件,希望你喜欢! 1、html5和css3炫酷select下拉菜单美化效果 这是一款使用html5 svg和css3制作的炫酷select下拉菜单美化效果。这个select下拉菜单美化...

  • jQuery注册向导

    scrollable.js插件带您一起体验可以滚动的分步注册向导,用户体验十分友好。 [img]http://www.sucaihuo.com/jquery/demo/57/images/demo.jpg[/img] 创建注册菜单,和菜单对应的内容.page:[code="java"]...

  • jquery 常用插件

    bootstrap-datapicker 基于bootstrap的日期选择器 https://bootstrap-datepicker.readthedocs.io/en/latest/ ...typeahead 搜索框提示插件 https://github.com/twitter/typeahead.js/blob/master/doc/jquery_typeahead.

  • 51单片机控制步进电机三轴联动51单片机控制步进电机三轴联动51单片机控制步进电机3轴联动c语言,抛砖引玉供大家参考。.zip

    51单片机控制步进电机三轴联动51单片机控制步进电机三轴联动51单片机控制步进电机3轴联动c语言,抛砖引玉供大家参考。

  • 数据库管理工具:dbeaver-ce-23.0.1-linux.gtk.aarch64-nojdk.tar.gz

    1.DBeaver是一款通用数据库工具,专为开发人员和数据库管理员设计。 2.DBeaver支持多种数据库系统,包括但不限于MySQL、PostgreSQL、Oracle、DB2、MSSQL、Sybase、Mimer、HSQLDB、Derby、SQLite等,几乎涵盖了市场上所有的主流数据库。 3.支持的操作系统:包括Windows(2000/XP/2003/Vista/7/10/11)、Linux、Mac OS、Solaris、AIX、HPUX等。 4.主要特性: 数据库管理:支持数据库元数据浏览、元数据编辑(包括表、列、键、索引等)、SQL语句和脚本的执行、数据导入导出等。 用户界面:提供图形界面来查看数据库结构、执行SQL查询和脚本、浏览和导出数据,以及处理BLOB/CLOB数据等。用户界面设计简洁明了,易于使用。 高级功能:除了基本的数据库管理功能外,DBeaver还提供了一些高级功能,如数据库版本控制(可与Git、SVN等版本控制系统集成)、数据分析和可视化工具(如图表、统计信息和数据报告)、SQL代码自动补全等。

  • 数据库管理工具:dbeaver-ce-23.1.5-macos-x86-64.dmg

    1.DBeaver是一款通用数据库工具,专为开发人员和数据库管理员设计。 2.DBeaver支持多种数据库系统,包括但不限于MySQL、PostgreSQL、Oracle、DB2、MSSQL、Sybase、Mimer、HSQLDB、Derby、SQLite等,几乎涵盖了市场上所有的主流数据库。 3.支持的操作系统:包括Windows(2000/XP/2003/Vista/7/10/11)、Linux、Mac OS、Solaris、AIX、HPUX等。 4.主要特性: 数据库管理:支持数据库元数据浏览、元数据编辑(包括表、列、键、索引等)、SQL语句和脚本的执行、数据导入导出等。 用户界面:提供图形界面来查看数据库结构、执行SQL查询和脚本、浏览和导出数据,以及处理BLOB/CLOB数据等。用户界面设计简洁明了,易于使用。 高级功能:除了基本的数据库管理功能外,DBeaver还提供了一些高级功能,如数据库版本控制(可与Git、SVN等版本控制系统集成)、数据分析和可视化工具(如图表、统计信息和数据报告)、SQL代码自动补全等。

Global site tag (gtag.js) - Google Analytics