提交按钮后如何关闭模式窗口?

时间:2018-08-08 20:59:15

标签: html css

我有使用纯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>

1 个答案:

答案 0 :(得分:0)

使用Bootstrap-试试这个:

{
"project_sha_list": [
    {
        "project": "project1",
        "sha": "sha1"
    },
    {
        "project": "project2",
        "sha": "sha2"
    }
],
"train": "train1"
}

也-我看不到按钮类型。我建议将$('#submit').submit(function(e) { e.preventDefault(); $('#IDModal').modal('hide'); return false; }); 切换为<<input type="submit" name="submit" id="submit" value="Send">

让我知道您的结果!