Other

<div class="ds-block">

    <form class="ds-form">

        <div class="ds-form-group">
            <label class="ds-label" for="uniqueID-date">Date</label>
            <input class="ds-text-input" type="date" id="uniqueID-date" name="date" value="2018-07-22" min="2018-01-01" max="2018-12-31">
        </div>

    </form>

</div>

<div class="ds-block">

    <form class="ds-form">

        <div class="ds-form-group">
            <label class="ds-label" for="email">Email  <abbr class="ds-label__required" title="required">*</abbr></label>
            <input class="ds-text-input" type="email" id="email" placeholder="example@example.com"/>
            <small class="ds-hint" id="{{ page.id }}-hint">We'll never share your email with anyone else.</small>
        </div>

    </form>

</div>

<div class="ds-block">

    <form class="ds-form">

        <div class="ds-form-group">
            <label class="ds-label" for="atar">Max ATAR:</label> 
            <input class="ds-text-input" id="atar" type="number" min="50" max="99.95" step="0.05" value="99.95">
        </div>

    </form>

</div>

<div class="ds-block">

    <form class="ds-form">

        <div class="ds-form-group">
            <label class="ds-label" for="pasword">Password  <abbr class="ds-label__required" title="required">*</abbr></label>
            <input class="ds-text-input" type="password" id="password" placeholder="{{ page.placeholder }}"/>
            <small class="ds-hint">Use at least 12 characters and a combination of letters, numers and characters.</small>
        </div>

    </form>

</div>