104 lines
3.7 KiB
Plaintext
104 lines
3.7 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Holiday-api</title>
|
|
</head>
|
|
<body>
|
|
<h1><a href="/">Holiday-api</a></h1>
|
|
<p>Create query</p>
|
|
|
|
<form>
|
|
<label for="country">Country</label>
|
|
<select id="country" name="country">
|
|
<option value="HR">Croatia</option>
|
|
<option value="GB">Great Britain</option>
|
|
<option value="US">USA</option>
|
|
<option value="FR">France</option>
|
|
</select>
|
|
|
|
<div>
|
|
<label>Date selector</label>
|
|
<br>
|
|
|
|
<div style="border: 1px solid black">
|
|
<label for="date-year">Select year</label>
|
|
<input type="radio" id="date-year" name="date-selector" value="year">
|
|
|
|
<label for="date-year-year">Year</label>
|
|
<select id="date-year-year" name="year">
|
|
<option value="2020">2020</option>
|
|
<option value="2021">2021</option>
|
|
<option value="2022">2022</option>
|
|
<option value="2023">2023</option>
|
|
<option value="2024">2024</option>
|
|
<option value="2025">2025</option>
|
|
<option value="2026">2026</option>
|
|
<option value="2027">2027</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div style="border: 1px solid black">
|
|
<label for="date-date">Select date</label>
|
|
<input type="radio" id="date-date" name="date-selector" value="date">
|
|
|
|
<label for="date-date-date">Date</label>
|
|
<input type="date" id="date-date-date" name="date-date-date">
|
|
</div>
|
|
|
|
<div style="border: 1px solid black">
|
|
<label for="date-date-range">Select date range</label>
|
|
<input type="radio" id="date-date-range" name="date-selector" value="date-range">
|
|
|
|
<label for="date-date-start-range">Start range</label>
|
|
<input type="date" id="date-date-start-range" name="date-date-start-range">
|
|
|
|
<label for="date-date-start-range-required">Required</label>
|
|
<input type="checkbox" id="date-date-start-range-required" name="date-date-start-range-required">
|
|
|
|
<label for="date-date-end-range">End range</label>
|
|
<input type="date" id="date-date-end-range" name="date-date-end-range">
|
|
|
|
<label for="date-date-end-range-required">Required</label>
|
|
<input type="checkbox" id="date-date-end-range-required" name="date-date-end-range-required">
|
|
|
|
</div>
|
|
|
|
<div style="border: 1px solid black">
|
|
<label for="date-all">All</label>
|
|
<input type="radio" id="date-all" name="date-selector" value="all">
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<label>State holiday</label>
|
|
<br>
|
|
|
|
<label for="state-holiday-true">True</label>
|
|
<input type="radio" value="true" id="state-holiday-true" name="stateHoliday">
|
|
|
|
<label for="state-holiday-false">False</label>
|
|
<input type="radio" value="false" id="state-holiday-false" name="stateHoliday">
|
|
|
|
<label for="state-holiday-any">Any</label>
|
|
<input type="radio" value="" id="state-holiday-any" name="stateHoliday">
|
|
</div>
|
|
|
|
<div>
|
|
<label>Religious holiday</label>
|
|
<br>
|
|
|
|
<label for="religious-holiday-true">True</label>
|
|
<input type="radio" value="true" id="religious-holiday-true" name="religiousHoliday">
|
|
|
|
<label for="religious-holiday-false">False</label>
|
|
<input type="radio" value="false" id="religious-holiday-false" name="religiousHoliday">
|
|
|
|
<label for="religious-holiday-any">Any</label>
|
|
<input type="radio" value="" id="religious-holiday-any" name="religiousHoliday">
|
|
</div>
|
|
</form>
|
|
</body>
|
|
</html> |