Bootstrap表单不显示光标

时间:2015-11-30 16:52:25

标签: html css twitter-bootstrap

您好我有一个带有bootstrap和表单的页面,但是表单就像禁用了一样,它没有显示要在里面键入的游标。 我已经查看了css以查看是否有任何错误的课程,但一切似乎都没问题。

继承我的HTML

<form id="contact-form" method="post" action="contactForm.php" class="contact-form form" role="form">
    <div class="controls">
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label for="name">Your firstname *</label>
                    <input type="text" name="name" id="name" placeholder="Enter your firstname" required="required" class="form-control">
                </div>
            </div>
        </div>
        <div class="form-group">
            <label for="email">Your email *</label>
            <input type="email" name="email" id="email" placeholder="Enter your  email" required="required" class="form-control">
        </div>
        <div class="form-group">
            <label for="message">Your message for us *</label>
            <textarea rows="4" name="message" id="message" placeholder="Enter your message" required="required" class="form-control"></textarea>
        </div>
        <div class="text-center">
            <input type="submit" value="Send message" class="btn btn-primary btn-block">
        </div>
    </div>
</form>

以下脚本

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>    
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<script src="js/jquery.sticky.js"></script>
<script src="js/jquery.scrollTo.min.js"></script>

http://jsfiddle.net/xyroL86j/

1 个答案:

答案 0 :(得分:0)

您可能在表单顶部和链接上放置了一个元素。使用浏览器的文档检查器进行查找。寻找强迫高度,绝对定位和负边距。