html - 提交按钮后如何关闭模式窗口？

我有纯CSS的模式窗口。当我单击提交按钮时，我的模式窗口不会消失。如何隐藏模式窗口？这是我的代码。这是CSS和HTML代码。你有什么想法？

 <div class="banner-content text-center" >


                            <br/><br/>
                            <a href="#open-modal" class="myButton">ORDER</a>

                            <div id="open-modal" class="modal-window" id="modal-window">
                             <div>
                                <a href="#modal-close" title="Close" class="modal-close">Close</a>
                                <h1>Contact Form</h1>
                                <div>
                                    <div class="container">
                                          <form name="contactform" method="post">


                                            <input type="text" id="fname" name="first_name" >


                                            <input type="text" id="lname" name="email">


                                            <input type="text" id="phone" name="phone" >


                                            <textarea id="subject" name="subject" style="height:150px"></textarea>

                                            <input type="submit" name="submit" id="submit" value="Send">

                                          </form>
                                    </div>
                                </div>
                            </div>
                            </div>
                        </div>

最佳答案

使用Bootstrap-试试这个：

$('#submit').submit(function(e) {
        e.preventDefault();
        $('#IDModal').modal('hide');
        return false;
    });

另外-我看不到按钮类型。我建议将<input type="submit" name="submit" id="submit" value="Send">切换为<<button type="submit" name="submit" id="submit" value="Send">。

让我知道你的结果！