vinchent/udemy-go-web-1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improving our form

Browse Source
This commit is contained in:
Muyao CHEN
2024-06-29 14:54:21 +02:00
parent 2351db7178
commit bfe66073f1
1 changed files with 20 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
reservation.html
View File

@ -55,26 +55,31 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col"> <div class="col-md-3">
</div>
<div class="col-md-6">
<h1 class="text-center mt-3">Search for Availability</h1> <h1 class="text-center mt-3">Search for Availability</h1>
<form action="reservation.html" method="get"> <form action="reservation.html" method="get">
<div class="mb-3"> <div class="row">
<label for="start_date" class="form-label">Starting Date</label> <div class="col mb-3">
<input type="date" class="form-control" id="start_date" name="start_date" <label for="start_date" class="form-label">Starting Date</label>
aria-describedby="startDateHelp"> <input required type="date" class="form-control" id="start_date" name="start_date"
<small id="startDateHelp" class="form-text text-muted">Enter your starting date in the form of aria-describedby="startDateHelp">
YYYY-MM-DD</small> <small id="startDateHelp" class="form-text text-muted">Enter your starting date in the form
of
YYYY-MM-DD</small>
</div>
<div class="col mb-3">
<label for="end_date" class="form-label">Eding Date</label>
<input required type="date" class="form-control" id="end_date" name="end_date"
aria-describedby="endDateHelp">
<small id="endDateHelp" class="form-text text-muted">Enter your ending date in the form of
YYYY-MM-DD</small>
</div>
</div> </div>
<div class="mb-3"> <div class="mb-3">
<label for="end_date" class="form-label">Eding Date</label> <button type="submit" class="btn btn-primary mb-3">Search Availability</button>
<input type="date" class="form-control" id="end_date" name="end_date"
aria-describedby="endDateHelp">
<small id="endDateHelp" class="form-text text-muted">Enter your ending date in the form of
YYYY-MM-DD</small>
</div>
<div class="mb-3">
<button type="submit" class="btn btn-primary mb-3">Submit</button>
</div> </div>
</form> </form>
</div> </div>