阅读更多

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.

  • 修炼成Javascript中级程序员必知必会

    修炼成Javascript中级程序员必知必会_资源分享

  • MATLAB深度学习工具箱应用于果树病虫害识别的技术解析与实战

    内容概要:本文详细介绍了如何使用MATLAB的深度学习工具箱,在果树病虫害识别任务中从数据准备、模型设计、训练优化到最后的模型评估与应用全流程的具体实施步骤和技术要点。涵盖了MATLAB深度学习工具箱的基本概念及其提供的多种功能组件,如卷积神经网络(CNN)的应用实例。此外,文中还具体讲述了数据集的收集与预处理方法、不同类型的深度学习模型搭建、训练过程中的超参数设定及其优化手段,并提供了病虫害识别的实际案例。最后展望了深度学习技术在未来农业领域的潜在影响力和发展前景。 适合人群:对深度学习及农业应用感兴趣的科研人员、高校师生和相关从业者。 使用场景及目标:①希望掌握MATLAB环境下构建深度学习模型的方法和技术细节;②从事果树病虫害管理研究或实践,寻找高效的自动化解决方案。 阅读建议:在阅读本文之前,建议读者熟悉基本的MATLAB编程环境及初步了解机器学习的相关概念。针对文中涉及的理论和技术难点,可以通过官方文档或其他教程进行补充学习。同时,建议动手实践每一个关键点的内容,在实践中加深理解和掌握技能。

  • nodejs010-nodejs-block-stream-0.0.7-1.el6.centos.alt.noarch.rpm

    nodejs010-nodejs-block-stream-0.0.7-1.el6.centos.alt.noarch.rpm

Global site tag (gtag.js) - Google Analytics