BenderIsGreat34
@BenderIsGreat34
junior front-end

Как лучше сделать форму?

Делаю фильтры, нужно закинуть их в форму. как лучше это сделать?
были такие варианты:
<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 над адаптивностью ещё не работал, на маленьких экранах может отображаться криво
  • Вопрос задан
  • 43 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы