Поиск инпут ввод
 

есть поля для поиска данных. Есть в нем крестик для очистки поля. как сделать так что бы крестик появился только при наличия букв в этом инпуте то есть только тогда когда ползователь начинает что то вводит?!

Например сделать обработчик на onkeyup... Там проверять есть ли чего в тех полях.

Или использовать <input type="search" />

Тоже не плохой вариант но у нас крестик идет отдельным блоком

<div class="tempSearch" style="margin-left: 20px; width: 1420px">
            <input type="text" name="filter" id="search" placeholder="Поиск пользователей..." maxlength="50" autofocus required="" onchange="userFilter();">
            <div id="btnClear" class="btnClear" onclick="btnClear();"><svg class="iconSVG" style="fill: black; margin-top: -4px;"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ei-close-icon"></use></svg></div>
        </div>
        <div class="tempSearchButton tooltip" data-title="<?php echo $strTipSearch;?>" style="overflow: visible !important;" onclick="userFilter();">
            <div class="tempSearchButton" style="margin: 0;">
                <svg class="iconSVG iconSVGhover"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ei-search-icon"></use></svg>
            </div>
        </div>