我正在使用 Twitter Bootstrap:
我想做什么?
我正在使用手风琴并排构建“登录”,“注册”按钮,这应该在 div 内交替显示表单。即当登录按钮被点击时,“注册”表单在部门内应该隐藏,并且“登录”表单在同一个 div 内应该显示,反之亦然“注册”按钮。
查看下面的 html 标记和 html 页面的屏幕截图。
div 内登录 & amp;注册的截图
<div cl="login-window"><!-- login window-->
<on type="on" cl="btn btn-primary accordion"
data-toggle="collapse" data-target="#login">Log in</on>
<on type="on" cl="btn btn-primary accordion"
data-toggle="collapse" data-target="#signup">Sign up</on>
<div id="login" cl="collapse in">
<form role="form">
<div cl="form-group">
<input type="text" cl="form-control" id="nm"
placeholder="Username"style="margin-top:5px;">
<input type="email" cl="form-control" id="email"
placeholder="Email" >
<input type="pword" cl="form-control" id="psw"
placeholder="Pword"style="margin-top:5px;">
</div>
</form>
</div>
<div id="signup" cl="collapse">
<form role="form">
<div cl="form-group">
<input type="email" cl="form-control" id="email"
placeholder="Email" >
<input type="text" cl="form-control" id="nm"
placeholder="Username"style="margin-top:5px;">
<input type="pword" cl="form-control" id="psw"
placeholder="Pword"style="margin-top:5px;">
</div>
</form>
</div>
</div><!-- login window ends-->
JSFILLDE:https://jsfiddle.net/b18t8o66/
本站系公益性非盈利分享网址,本文来自用户投稿,不代表边看边学立场,如若转载,请注明出处
评论列表(76条)