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>

希望这能有所帮助。