联系我们
028-61286886
投诉邮箱

q@xunruicms.com

2019-11-23 17:07:12 1 0
程序版本:4.2.4

弹出式登录窗口怎么实现?有示例代码吗?这种效果

image.png

问答列表
  • 2019-11-24 15:31:37
    <form id="myform">
        {dr_form_hidden()}
        <div class="form-group">
            <div class="input-icon">
                <i class="fa fa-user"></i>
                <input class="form-control placeholder-no-fix" type="text" autocomplete="off" placeholder="账号/邮箱/手机" name="data[username]">
            </div>
        </div>
        <div class="form-group">
            <div class="input-icon">
                <i class="fa fa-lock"></i>
                <input class="form-control placeholder-no-fix" type="password" autocomplete="off" placeholder="登录密码" name="data[password]">
            </div>
        </div>
        <div class="form-group">
            <div class="input-group login-code">
                <div class="input-icon">
                    <i class="fa fa-code"></i>
                    <input class="form-control placeholder-no-fix" type="text" autocomplete="off" placeholder="验证码" name="code">
                </div>
                <div class="input-group-btn fc-code">
                    {dr_code(120, 35)}
                </div>
            </div>
        </div>
        <div class="form-actions">
            <label class="rememberme mt-checkbox mt-checkbox-outline">
                <input type="checkbox" name="remember" value="1"> 记住登录
                <span></span>
            </label>
            <button type="button" onclick="dr_ajax_member('{dr_member_url('login/index')}', 'myform');" class="btn green pull-right"> 登录 </button>
        </div>
        
    </form>

    这个登录代码放到任意页面都可以用