Updated docs

This commit is contained in:
Borna Rajković 2023-06-23 10:21:51 +02:00
parent eb91033eb7
commit 3df4c2dfaa
1 changed files with 82 additions and 0 deletions

View File

@ -11,12 +11,94 @@
<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>