无法单击表单输入

Question

我的表单有问题。我无法点击任何输入文字或某些复选框。可以通过单击Tab来选择它们，而不是可以写一些东西。

我使用Twitter Bootstrap，但我不知道，如果它是引导程序或其他问题。

这就是我的表单的样子

            <div class="well section" id="EventInfo">
                <h1>1. Event info</h1>
                    <div class="row">
                        <div class="span1"><label for="name" class="label-padding">Name</label></div>
                        <div class="span6">
                            @inputText(
                                configuratorForm("name"), 
                                '_label -> "",
                                '_error -> "Please enter valid name",
                                'class -> "span6"
                            )
                        </div>
                     </div>

                 <div class="row">
                    <div class="span1"><label for="name">Description</label></div>
                    <div class="span6">
                        @textarea(
                            configuratorForm("description"),
                            '_label -> "",
                            'cols -> 50,
                            'class -> "span6"
                        )
                    </div>
                 </div>

                 <div class="row">
                    <div class="span1"><label for="date" class="label-padding">Date</label></div>
                    <div class="span1">
                        <label for="fromDate" class="label-padding">From</label>
                    </div>
                    <div class="span2">
                        @inputText(
                            configuratorForm("fromDate"),
                            '_label -> "",
                            '_error -> "Please enter valid date",
                            'placeholder -> "From",
                            'class -> "span2"
                        )
                    </div>
                    <div class="span1">
                        <label for="toDate" class="label-padding">To</label>
                    </div>
                    <div class="span2">             
                         @inputText(
                            configuratorForm("toDate"),
                            '_label -> "",
                            '_error -> "Please enter valid date",
                            'placeholder -> "To",
                            'class -> "span2"
                        )
                    </div>
                 </div>


                <div class="row url-row">
                    <div class="span1"><label for="webUrl" class="label-padding">URL</label></div>
                    <div class="span6">
                        @inputText(
                            configuratorForm("webUrl"), 
                            '_label -> "",
                            'class -> "span6"
                        )              
                    </div>
                 </div>

                <div class="row">
                      <div class="span1"><label for="address">Address</label></div>  
                      <div class="span6"> 
                        <div class="row">
                            <div class="span1"><label for="street">Street</label></div>  
                            <div class="span5">
                                    <div class="clearfix ">                                         
                                        <div class="input">                                             
                                        <input class="span5" type="text" id="street" name="street" value="" onChange="googleGeocode()">                                     
                                            <span class="help-inline"></span> 
                                        </div>
                                    </div>
                            </div>     
                        </div>     
                        <div class="row">
                            <div class="span1"><label for="street">City</label></div>  
                            <div class="span5">
                                    <div class="clearfix ">  
                                            <div class="input">                                             
                                            <input class="span5" type="text" id="city" name="city" value="" onChange="googleGeocode()">
                                                <span class="help-inline"></span> 
                                            </div>
                                    </div>
                            </div>     
                        </div>
                        <div class="row">
                            <div class="span1"><label for="street">Country</label></div>  
                            <div class="span5">
                                    <div class="clearfix ">  
                                            <div class="input">                                             
                                                 <input class="span5" type="text" id="country" name="country" value="" onChange="googleGeocode()">

                                            <span class="help-inline"></span> 
                                            </div>
                                    </div>
                            </div>     
                        </div>               
                    </div> 
                 </div>

                 <div class="row">
                    <div class="span1"><label for="gps" class="label-padding">GPS</label></div>
                    <div class="span1">
                        <label for="latitude" class="label-padding">Latitude</label>    
                    </div>
                    <div class="span2">
                         @inputText(
                            configuratorForm("latitude"), 
                            '_label -> "",
                            'class -> "span2"
                        )
                    </div>
                    <div class="span1">
                        <label for="longitude" class="label-padding">Longitude</label>
                    </div>
                    <div class="span2">
                           @inputText(
                                configuratorForm("longitude"), 
                                '_label -> "",
                                'class -> "span2"
                            )

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

Answer 1

所以我找到了解决方案。这是css问题。我的包装此表单的容器有z-index: -1。当我removed时，一切都变得正常了。