Делаю фильтры, нужно закинуть их в форму. как лучше это сделать?
были такие варианты:
<form class="sorting">
<div class="sorting__radio">
<span>SORT BY:</span>
<input type="radio" id="price" name="" value="">
<label for="price">Price</label>
<input type="radio" id="revelance" name="" value="">
<label for="revelance">Revelance</label>
<input type="radio" id="newest-arrivals" name="" value="">
<label for="newest-arrivals">Newest arrivals</label>
</div>
<div class="sorting__checkbox">
<span>SHOW BY:</span>
<input type="checkbox" id="all" name="" value="">
<label for="all">All</label>
<input type="checkbox" id="t-shirt" name="" value="">
<label for="t-shirt">T-shirt</label>
<input type="checkbox" id="mockup" name="" value="">
<label for="mockup">Mockup</label>
</div>
<button type="button" class="sorting__btn" name="button">Apply</button>
</form>
<div class="sorting">
<form class="sorting__radio">
<span>SORT BY:</span>
<input type="radio" id="price" name="" value="">
<label for="price">Price</label>
<input type="radio" id="revelance" name="" value="">
<label for="revelance">Revelance</label>
<input type="radio" id="newest-arrivals" name="" value="">
<label for="newest-arrivals">Newest arrivals</label>
</form>
<form class="sorting__checkbox">
<span>SHOW BY:</span>
<input type="checkbox" id="all" name="" value="">
<label for="all">All</label>
<input type="checkbox" id="t-shirt" name="" value="">
<label for="t-shirt">T-shirt</label>
<input type="checkbox" id="mockup" name="" value="">
<label for="mockup">Mockup</label>
</form>
<button type="button" class="sorting__btn" name="button">Apply</button>
</div>
как лучше сделать?
ps над адаптивностью ещё не работал, на маленьких экранах может отображаться криво