single-form实现步骤式简洁登录注册表单流程效果代码-html代码-BFW代码库

single-form实现步骤式简洁登录注册表单流程效果代码

代码语言：html

代码描述：single-form实现步骤式简洁登录注册表单流程效果代码，他是通过弹出层的方式将表单的每个字段一个接一个输入最后触发登录或注册跳转。

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">

    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/font-awesome-4.7.0/css/font-awesome.min.css">

    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/single-form.css">
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery.2.11.js"></script>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery.easing.js"></script>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery.transform2d.js"></script>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/single-form.js"></script>
    <style>
        .cont{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:10em;height:5em;}.cont a{text-decoration:none;color:#999;}.cont a:hover{text-decoration:underline;color:#444;}
    </style>
</head>

<body>

    <div class="cont">
        <a href="#" id="sign-in">Sign In</a> | <a href="#" id="sign-up">Sign Up</a>
    </div>
    <form id="single-in" class="sign-in" action="/" method="post">
        <div class="transparency"></div>
        <div class="close"></div>
        <div class="container">
            <div class="open-sign">Sign In</div>
            <input id="login".........完整代码请登录后点击上方下载按钮下载查看