элемент формы ввода не обновляет значение в Bootstrap Desktop Mobile view - PullRequest
Новая
       17

элемент формы ввода не обновляет значение в Bootstrap Desktop Mobile view

0 голосов
/ 18 апреля 2020

Моя проблема заключается в том, что когда я что-то набираю в поиске и нажимаю кнопку отправки, в окне поиска поиска все еще отображается старое значение в 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>

В основном кнопка «Поиск» имеет другую позицию на мобильном телефоне и другую позицию на рабочем столе. Так есть ли способ полностью удалить в режиме рабочего стола и наоборот для мобильных устройств?

Я уже пробовал отображать: ни один метод

1 Ответ

0 голосов
/ 20 апреля 2020

По сути, самое простое решение, которое я нашел, это использование класса "Mobile_Detect. php" 

require_once 'Mobile_Detect.php';
$detect = new Mobile_Detect;

if($detect->isMobile()){
    //my mobile form comes here
}{
    //desktop and tablet form comes here
}

Это решило проблему

...