JSFiddle - React, Tailwind, and code Playground

HTML

<div style="border: 1px solid red;" id="col_st_cautare">
        <div style="float: left;" id="searchwrapper_3">
        <input type="text" value="" name="s" class="searchbox" id="searchbox"/>
        <input type="image" onclick="col_st_cautare(document.getElementById('searchbox').value, document.getElementById('director_cautare').value, document.getElementById('nivel_director_cautare').value); return false;" style="cursor: pointer;" class="searchbox_submit" src="crm/css/imagini/cautare_submit_blank.png" title="Cautare" name="submit" id="submit"/>
        <input type="image" onclick="col_st_cautare_cancel(document.getElementById('director_cautare').value, document.getElementById('nivel_director_cautare').value); return false;" style="cursor: pointer;" value="" class="searchbox_cancel" src="crm/imagini/col_st_b_stergere_2.png" name="cancel" title="Anulare cautare" id="cancel"/>        
        <input type="image" onclick="col_st_campuri();" style="cursor: pointer;" value="" class="searchbox_campuri" src="crm/imagini/search_cols.png" name="campuri" title="Selectare campuri" id="campuri_cautare"/>
        <input type="hidden" value="" name="director_cautare" id="director_cautare"/>
        <input type="hidden" value="" name="nivel_director_cautare" id="nivel_director_cautare"/>
        </div>
</div>