Question

我有这两个输入框：

<div class="form-group">
    <input autofocus placeholder="<?php echo CITY_COUNTRY;?>" class="form-control" onkeydown="return handleEnter(this, event)" type="text" id="search" name="country" value="<?php if(isset($_REQUEST['location_name'])){echo $_REQUEST['location_name'];}?>" />
</div>
<div class="form-group">
    <div class="input-group">
        <span class="input-group-addon" onClick="jQuery('#chckin').datepicker('show');">
            <input id="chckin" type="text" value="<?php if(isset($_GET['checkin_name'])){echo $_GET['checkin_name'];}else{echo date("j/n/Y");}?>" name="checkIn" style="display:none;" />
            <i class="glyphicon glyphicon-calendar"></i>
        </span>
        <input type="text" id="check_in" value="<?php if(isset($_GET['checkin_name'])){echo $_GET['checkin_name'];}else{echo date("j/n/Y");}?>" class="form-control" disabled="disabled"/>
    </div>
</div>

当我在第一个中写入时，会显示包含信息的自动填充功能。问题是当它加载时，在表单组上它可以正常工作，但在第二个上，输入在自动完成之上..

输入组类可能有问题吗？

提前致谢！

Answer 1

问题出在课堂上：此输入的表格控制

<input type="text" id="check_in" value="<?php if(isset($_GET['checkin_name'])){echo $_GET['checkin_name'];}else{echo date("j/n/Y");}?>" class="form-control" disabled="disabled"/>

我将属性position: relative;更改为position: static;

自动完成菜单上方的输入框 - Bootstrap 3

1 个答案: