formhtml

<!-- start button untuk menampilkan modal login -->
<button id="login-pendaftar" type="button" class="btn btn-info md-btn-flat nav-link text-dark" data-toggle="modal" data-target="#modals-login" style="text-transform: capitalize;">Masuk</button>
<!-- end button untuk menampilkan modal login -->

<!-- start  modal login -->
        <div class="modal fade" id="modals-login">
            <div class="modal-dialog">
                <form class="modal-content" id="form-login" action="" method="post">
                    <div class="modal-header">
                        <h5 class="modal-title">Masuk
                            <br>
                            <small class="text-muted"><em><u>Silahkan masuk menggunakan akun Anda !</u></em></small>
                        </h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    </div>
                    <div class="modal-body">
                        <p id="text-control"></p>
                        <div class="form-row">
                            <div class="form-group col">
                                <label class="form-label">Email/Nama Pengguna</label>
                                <input type="text" class="form-control" name="username" id="username"
                                    placeholder="Masukkan email atau nama pengguna">
                                <div class="clearfix"></div>
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group col">
                                <label class="form-label">Password</label>
                                <input type="password" class="form-control" name="log_password" id="log_password"
                                    placeholder="Masukkan password">
                                <div class="clearfix"></div>
                            </div>
                        </div>

                        <div class="form-row">
                            <div class="form-group col">
                                <div id="captcha_image">
                                </div>
                                <label class="form-label">Masukkan Captcha</label>
                                <input type="text" class="form-control" name="captcha" id="captcha"
                                    placeholder="Masukkan Captcha" required>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Tutup</button>
                        <button type="submit" class="btn btn-primary">Masuk</button>
                    </div>
                </form>
            </div>
        </div>
<!-- end  modal login -->