how to hide query string from url bar

when i am trying to submit a form with the get request. the code of the form is given below

<form action="{{ url('properties') }}" class="hero__form v2 filter" method="get">
            <input type="text" name="keyword" id="country">
            <div id="extra_keywords" style="display: none;">
                <input id="city_id" name="city" >
                <input id="sub_city_id" name="subcity" >
                <input id="town_id" name="town" >
                <input id="area_id" name="area" >
            </div>
</form>

the url will become something like this http://127.0.0.1:8000/properties?keyword=+West+Bay&city=1&subcity=26&town=&area=

but i am trying to make my url in the url bar like this http://127.0.0.1:8000/properties or only those parameter should be shown which have data and not the null paramater