简体   繁体   English

显示PHP代码的HTML预订表格日期字段

[英]HTML booking form date field showing PHP code

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 我实现它显示Chrome,但在Firefox和IE11它不精此HTML / JS预订表格: 这是它的外观

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>&nbsp;&nbsp;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>&nbsp;&nbsp;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>&nbsp;&nbsp;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>&nbsp;&nbsp;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 谢谢大家GP

<? php echo date ('M d, Y'); >? Wrong Tags placement. 标签位置错误。 Kindly change to this =( <?php echo date ('M d, Y'); ?>) 请更改为=( <?php echo date ('M d, Y'); ?>)

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM