[html]

<section class='charlist'>

  <input type="radio" name="chartab" id="chartab1" checked>
  <input type="radio" name="chartab" id="chartab2">

  <!-------- Контент ---------------------------->
  <div class="charcontent">

  <!-------- Список персов ---------------------------->
    <div id="charcontent2" style='display: grid'>

      <span>поиск:</span>

      <input type="text" class="chname-input" placeholder="поиск по имени/фамилии" maxlength="100" style='justify-self: end;'>
      <input type="text" class="chrace-input" placeholder="поиск по расе" maxlength="100">

      <label for="ageFilter">век:</label>
      <select id="ageFilter">
        <option value="">все персонажи</option>
        <option value="10 век до н.э.">10 век до н.э.</option>
        <option value="19 век">19 век</option>
        <option value="21 век">21 век</option>
        <option value="35 век">35 век</option>
      </select>

      <button id='resetBtn'> сбросить </button>

      <!-- Сюда скрипт будет подгружать персов -->

    </div>

  </div>

</section>
[/html] [hideprofile]