Bootstrap Desktop Mobile视图中输入表单元素未更新值

Question

我的问题是，当我在搜索中输入内容并点击提交按钮，搜索测试框时仍在DESKTOP中显示旧值。但是，如果我删除了移动代码，则可以正常运行]

<form >
     <div class="row">
       <!-- Some Bla Bloa HTML for mobile -->
        <div class="col-md-4 col-sm-4 col-xs-12 visible-xs">
                 <!-- Some Bla Bloa HTML for mobile -->
                 <input type="text" id="search"  name="search"  value="<?= $search_val ?>" />                     
            </div>
        </div>



     <div class="row"> 
      <!-- Some Bla Bloa HTML for Desktop -->
        <div class="col-md-4 col-sm-4 col-xs-12 hidden-xs">
                 <!-- Some Bla Bloa HTML for Desktop -->
                 <input type="text" id="search"  name="search"  value="<?= $search_val ?>" />              
            </div>
        </div>

     </form>

基本上，“搜索”按钮在移动设备中的位置不同，在桌面中的位置不同。那么，有什么方法可以完全删除桌面视图，反之亦然？

我已经尝试显示：无方法

我的问题是，当我在搜索中键入内容并单击提交按钮时，搜索测试框仍在DESKTOP中显示旧值。但是，如果我删除了移动代码，则可以正常使用

...

Answer 1

基本上，我发现最简单的解决方案是使用“ Mobile_Detect.php”类