Wizard Form

授权协议 未知
开发语言
所属分类 jQuery 插件、 其他jQuery插件
软件类型 开源软件
地区 不详
投 递 者 庄浩言
操作系统 未知
开源组织
适用人群 未知
 软件概览

Turns a properly marked up form into a wizard form with page navigation and prev/next buttons. I really just made this for a project of my own without too much thought about re-use. Take it and do whatever you like~

Example:

Javascript

$("form").wizard();

Style definitions:

.wizard-nav
{
padding: 10px 0;
border: 1px solid #ddd;
width: 650px;
margin: 10px auto;
}
.wizard-nav a
{
background: #eee;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
text-decoration: none;
padding: 10px;
width: 162.5px;
display: inline;
margin: 0;
}
.wizard-nav a.active { background: #dfd; }

.wizardcontrols .wizardnext { margin-left: 76%; width: 12%; }
.wizardcontrols .wizardprev { width: 12%; }
#FirstPage .wizardcontrols .wizardnext { margin-left: 88%; }

Markup:

<form action="something.html" method="post">
  <div id="FirstPage" class="wizardpage">This</div>
  <div id="SecondPage" class="wizardpage">is</div>
  <div id="ThirdPage" class="wizardpage">a</div>
  <div id="LastPage" class="wizardpage">wizard</div>
  <div class="wizard-nav">
    <a href="#FirstPage">Do some stuff</a> >>
    <a href="#SecondPage">Then some more</a> >>
    <a href="#ThirdPage">Almost there...</a> >>
    <a href="#LastPage">Finish!</a>
  </div>
</form>

  • 我使用vue-cli webpack(简单)模板开始了一个项目 . 当我尝试使用 npm run build 构建发布时,我得到了我的dist文件夹,其中包含预期的build.js等 . 在测试构建版本时,该应用程序适用于除IE(11)之外的所有浏览器 . IE中的错误引用了Promise,所以我查看了dist.js文件并看到了 new Promise() 语法 . 我对vue-loader和ba

  • https://cidcode.net/stepformwizard/index.html http://techbrij.com/stylish-asp-net-wizard-control-horizontal-sidebar-on-top CSS: http://jsfiddle.net/chriscoyier/spT36/1/ Bootstrap Wizard BootZard: A Fr

  • 以前发现keil 的很棒的功能 今天终于会用了。 分享给大家。转载的。 一 前言 很多人使用keil的时候感觉keil的configuration wizard 很神奇,用起来特别方便,但是苦于不知道怎么去编写自己的configuration wizard,其实keil的help文档就有,只是很多人用着感觉英文不方便,又或者看了没理解,为此,特写了一个教程,希望大家能从中学到一些知识。 二 基本介

  • Wizard in C#   As we know there is no wizard class in .net framework. I just write two classes for control wizard in C#. The code list here.   1, BaseWizardForm: The wizard each page’s base form The f

相关阅读

相关文章

相关问答

相关文档