Added FAB (well, not really floating). Improved form a bit.

This commit is contained in:
2016-05-21 23:00:58 +02:00
parent 33ba665a0c
commit ee41c82e19
3 changed files with 36 additions and 14 deletions

View File

@@ -8,23 +8,31 @@
<h3><i class="material-icons">hotel</i> Hotel Reservation</h3>
<form action="./" method="post">
<p>
<form action="#">
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
<input class="mdl-textfield__input" type="text" id="reservationFor_name">
<input class="mdl-textfield__input" type="text" required id="reservationFor_name">
<label class="mdl-textfield__label" for="reservationFor_name">Name</label>
<span class="mdl-textfield__error">Please input a name!</span>
</div>
</form>
<!-- Numeric Textfield with Floating Label -->
<form action="#">
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
<input class="mdl-textfield__input" type="datetime-local" min="{{date_today}}" id="reservationFor_startDate">
<label class="mdl-textfield__label" for="reservationFor_startDate">Start Date</label>
<span class="mdl-textfield__error">Input is not a date!</span>
</div>
</form>
</p>
<p>
<!-- Numeric Textfield with Floating Label -->
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
<input class="mdl-textfield__input" type="datetime-local" min="{{date_today}}" required id="reservationFor_startDate">
<label class="mdl-textfield__label" for="reservationFor_checkinDate">Checkin Time</label>
<span class="mdl-textfield__error">Input is empty or not a date!</span>
</div>
</p>
<button id="frs-button-send" type="submit" class="mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored">
<i class="material-icons">send</i>
</button>
</form>
{{> mdl_content_foot}}
{{> mdl_foot}}
{{> html_foot}}