我怎么能让这个发送帖子数据？

Question

有一个bootstrap导航条模式元素的形式，它不发送数据，如果我点击登录，我尝试，但不能找到一个解决方案，任何人都可以帮助我？

https:/jsfiddle.netsyndw8uL

<!-- The Modal -->
    <div class="modal" id="myModal">
        <div class="modal-dialog">
            <div class="modal-content">

                <!-- Modal Header -->
                <div class="modal-header">
                    <h4 class="modal-title">Customer Sign In</h4>
                    <button type="button" class="close" data-dismiss="modal">×</button>
                </div>

                <!-- Modal body, why not work here the action?-->
                <div class="modal-body">
                    <form action="/action_page.php" method = "post">


                        <label class="sr-only" for="usrname">Username</label>
                        <div class="input-group mb-3">
                            <div class="input-group-prepend">
                                <span class="input-group-text" id="basic-addon1"><i class="fa fa-user"></i></span>
                            </div>

                            <input type="text" class="form-control" placeholder="Username" aria-label="Username" aria-describedby="basic-addon1">

                        </div>


                        <label class="sr-only" for="Password">Name</label>
                        <div class="input-group mb-2">
                            <div class="input-group-prepend">
                                <span class="input-group-text" id="basic-addon2"><i class="fa fa-key"></i></span>
                            </div>
                            <input id="Password" type="password" class="form-control" placeholder="Password" aria-label="Password" aria-describedby="basic-addon2">
                        </div>
                    </form>
                </div>

                <!-- Modal footer -->
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary" >Sign In</button>
                    <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                </div>

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

Answer 1

你的提交按钮 <button type="submit" class="btn btn-primary" >Sign In</button> 是在你的表单之外。 把按钮放在表单元素里面，应该就可以了。