I've implemented this HTML/JS booking form which displays fine on chrome but in firefox and IE11 it doesn't: This is how it looks
And this is the code
<form action="http://ilfracombecarlton.co.uk/newsite/book/" method="get">
<div class="grid">
<div class="col-1-4 col-1-4-sm">
<div class="controls">
<input type="date" id="arrive" class="floatLabel" name="checkInDate" value="<?php echo date('M d, Y'); ?>" />
<label for="arrive" class="label-date"><i class="fa fa-calendar"></i> Arrive</label>
</div>
</div>
<div class="col-1-4 col-1-4-sm">
<div class="controls">
<input type="date" id="depart" class="floatLabel" name="checkOutDate" value="<?php echo date('M d, Y'); ?>" />
<label for="depart" class="label-date"><i class="fa fa-calendar"></i> Depart</label>
</div>
</div>
<div class="col-1-4 col-1-4-sm">
<div class="controls">
<i class="fa fa-sort"></i>
<select class="floatLabel" id="noOfAdultOpt" name="noOfAdult">
<option value="blank"></option>
<option value="1">1</option>
<option value="2" selected>2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<label for="fruit"><i class="fa fa-male"></i> People</label>
</div>
</div>
<div style="display:none" class="col-1-4 col-1-4-sm">
<div class="controls">
<i class="fa fa-sort"></i>
<select class="floatLabel" id="noOfChildOpt">
<option value="blank"></option>
<option value="1">1</option>
<option value="2" selected>2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<label for="fruit"><i class="fa fa-male"></i> Children</label>
</div>
</div>
<div class="col-1-4 col-1-4-sm">
<button type="submit" value="checkMyValues()" class="col-1-4">Check availability</button>
</div>
</div>
The form works correctly in all browsers, it's just a display issue. Could you please point me in the right direction. Thank you all gp
<? php echo date ('M d, Y'); >? Wrong Tags placement. Kindly change to this =( <?php echo date ('M d, Y'); ?>)