filters done

This commit is contained in:
2026-02-26 22:56:12 +10:00
parent 4f1c66e838
commit c3996ec6c6
5 changed files with 105 additions and 106 deletions

View File

@@ -12,39 +12,60 @@
</head>
<body>
<div>
<h3>Фильтр</h3>
<form id="filter" name="filter">
<p>
<label for="structure">Название:</label>
<input type="text" id="structure">
</p>
<p>
<label for="category">Тип:</label>
<input type="text" id="category">
</p>
<p>
<label for="country">Страна:</label>
<input type="text" id="country">
</p>
<p>
<label for="city">Город:</label>
<input type="text" id="city">
</p>
<p>
<label for="yearFrom">Год: </label>
от <input type="number" id="yearFrom">
до <input type="number" id="yearTo">
</p>
<p>
<label for="heightFrom">Высота:</label>
от <input type="number" id="heightFrom">
до <input type="number" id="heightTo">
</p>
<input id="applyFiltersButton" type="button" value="Найти">
<input id="clearFiltersButton" type="button" value="Очистить фильтры">
</form>
</div>
<div>
<h3>Сортировка</h3>
<form id="filter">
<p>
<label for="structure">Название:</label>
<input type="text" id="structure">
</p>
<p>
<label for="category">Тип:</label>
<input type="text" id="category">
</p>
<p>
<label for="country">Страна:</label>
<input type="text" id="country">
</p>
<p>
<label for="city">Город:</label>
<input type="text" id="city">
</p>
<p>
<label for="yearFrom">Год: </label>
от <input type="number" id="yearFrom">
до <input type="number" id="yearTo">
</p>
<p>
<label for="heightFrom">Высота:</label>
от <input type="number" id="heightFrom">
до <input type="number" id="heightTo">
</p>
<input id="applyFiltersButton" type="button" value="Найти">
<input id="clearFiltersButton" type="button" value="Очистить фильтры">
</form>
<br>
<form id="sort">
<p> Сортировать по</p>
<p>
<select id="fieldsFirst">
</select>
по убыванию? <input type="checkbox" id="fieldsFirstDesc">
</p>
<p>
<select id="fieldsSecond">
</select>
по убыванию? <input type="checkbox" id="fieldsSecondDesc">
</p>
<input type="button" value="Сортировать">
<input type="button" value="Сбросить сортировку">
</form>
<br>
</div>
<table id="list">
</table>