76 lines
2.1 KiB
HTML
76 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ru">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Фильтры и сортировка</title>
|
|
<link rel="stylesheet" href="CSS/style.css">
|
|
<script src="JavaScript/data.js"></script>
|
|
<script src="JavaScript/main.js"></script>
|
|
<script src="JavaScript/table.js"></script>
|
|
<script src="JavaScript/filter.js"></script>
|
|
<script src="JavaScript/sort.js"></script>
|
|
</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="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="Сортировать" id="doSortButton">
|
|
<input type="button" value="Сбросить сортировку" id="resetSortButton">
|
|
</form>
|
|
<br>
|
|
</div>
|
|
|
|
<table id="list">
|
|
</table>
|
|
|
|
</body>
|
|
|
|
</html> |