В мобильном телефоне скрыть ввод и избежать его отправки

Question

Доброе утро,

У меня есть форма, где мне нужно ввести поле через выбор.Чтобы упростить выбор пользователя, я использовал ввод и список данных для работы в качестве средства выбора, но он работает плавнее и быстрее.

Так как JavaScript в мобильном телефоне не работает, я решил создать обычный выбор, которыйс помощью правил мультимедиа CSS отображается только на мобильном устройстве, а предыдущий список данных отображается только на больших экранах.

Проблема в том, что, поскольку мне нужны данные, поступающие с одного из этих входных данных, оба имеют требуемый атрибут,Но скрывая это с отображением: никто, очевидно, не «удаляет» требуемое.

В конце дня я спрашиваю, есть ли способ «удалить» обязательный атрибут только в мобильном телефоне,желательно через CSS.

Вот HTML:

<div class="col-md-6">
    <div class="form-group"> 
        <label for="anagrafica"> Cliente :</label>

        <!--visualizzabile sono in pc (non funziona su mobile)-->
        <div class="onlyOnPC">
            <input type="text" class="form-control" name="anagrafica" list="anagrafica" required/>
            <datalist id="anagrafica">
            //list of options
            </datalist>
        </div>


        <div class="onlyOnMobile">
          <select name="anagrafica" id="anagrafica" class="form-control" required>
              <option value=""></option>
              //list of options
          </select>
        </div>
    </div>
</div>

А вот CSS:

@media only screen and (max-width: 600px) {  
    .onlyOnPC{
        display: none;
    }
    .onlyOnMobile{
        display: block;
    }
}@media only screen and (min-width: 601px) {  
    .onlyOnPC{
        display: block;
    }
    .onlyOnMobile{
        display: none;
    }
}

Спасибо

Answer 1

Посмотрите на это

  var width = (window.innerWidth > 0) ? window.innerWidth : screen.width;
  if(width < 768) {
     $("input").attr("required", "false");
  } else {
     $("input").attr("required", "true");
  }