网页设计代码素材:手风琴(网页设计)(accordion web design)

我正在使用 Twitter Bootstrap:

我想做什么?

我正在使用手风琴并排构建“登录”,“注册”按钮,这应该在 div 内交替显示表单。即当登录按钮被点击时,“注册”表单在部门内应该隐藏,并且“登录”表单在同一个 div 内应该显示,反之亦然“注册”按钮。

查看的 html 标记和 html 页面的屏幕截图。

div 内登录 & amp;注册的截图

screenshot of login & signup inside a div

<div class="login-window"><!-- login window-->
     <on type="on" class="btn btn-primary accordion" 
             data-toggle="collapse" data-target="#login">Log in</on>
     <on type="on" class="btn btn-primary accordion" 
             data-toggle="collapse" data-target="#signup">Sign up</on>
     <div id="login" class="collapse in">
      <form role="form">
              <div class="form-group">
                  <input type="text" class="form-control" id="nm" 
                         placeholder="Username"style="margin-top:5px;">
                  <input type="email" class="form-control" id="email" 
                         placeholder="Email" >
                  <input type="password" class="form-control" id="psw" 
                         placeholder="Password"style="margin-top:5px;">
              </div>
          </form>
      </div>
  <div id="signup" class="collapse">
     <form role="form">
             <div class="form-group">
                 <input type="email" class="form-control" id="email" 
                        placeholder="Email" >
                 <input type="text" class="form-control" id="nm" 
                        placeholder="Username"style="margin-top:5px;">
                 <input type="password" class="form-control" id="psw" 
                        placeholder="Password"style="margin-top:5px;">
             </div>
         </form>
     </div>
</div><!-- login window ends-->

JSFILLDE:https://jsfiddle.net/b18t8o66/

本站系公益性非盈利分享网址,本文来自用户投稿,不代表边看边学立场,如若转载,请注明出处

(778)
Cannon lake:从cannon.js迁移到 cannon-es时出错
上一篇
C大调的等音调:使用 C# 弹奏钢琴音调(c# on piano)
下一篇

相关推荐

发表评论

登录 后才能评论

评论列表(3条)