HTML页面选择

Question

我正在使用Bootstrap 3.0编写联系人页面的代码，问题是当我在联系人表单中输入一些值并尝试使用鼠标或按CTRL + SHIFT +左箭头键选择输入的值时，没有任何选择。 我不知道为什么。 有人可以帮我吗？

谢谢 。

以下是我的联系表格的代码。

<div class="container">
        <div class="row">

            <div class="col-md-8 things">
                <div class="well well-sm">
                    <form action="send.php" method="POST" >
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="name">
                                    Name</label>
                                <input name="name" type="text" class="form-control" id="name" placeholder="Enter name" required="required" />
                            </div>
                            <div class="form-group">
                                <label for="email">
                                    Email Address</label>
                                <div class="input-group">
                                    <span class="input-group-addon"><span class="glyphicon glyphicon-envelope"></span>
                                    </span>
                                    <input name="email" type="email" class="form-control" id="email" placeholder="Enter email" required="required" /></div>
                            </div>

                            <div class="form-group">
                                <label for="Phone">
                                    Phone Number</label>
                                <div class="input-group">
                                    <span class="input-group-addon"><span class="glyphicon glyphicon-phone"></span>
                                    </span>
                                    <input name="phone" type="Phone" class="form-control" id="phone" placeholder="Enter Contact number" required="required" /></div>
                            </div>


                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="name">
                                    Message</label>
                                <textarea name="message" id="message" class="form-control" rows="9" cols="25" required="required"
                                    placeholder="Message"></textarea>
                            </div>
                        </div>
                        <div class="col-md-12">

                           <button type="submit" class="btn btn-success pull-right" id="btnContactUs">
                                Send Message</button>

                            <button type="reset" class="btn btn-success pull-right" id="btnReset">
                                Reset</button>

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

Answer 1

我在这里重新创建了您的代码：

http://codepen.io/anon/pen/EypHn

看来行得通。

确保您的标签正确。

例如：

   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">         </script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
     <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

希望能有所帮助。