PHP表单onchange提交后保留date类型输入框值的问题咨询

核心原因 #

HTML5 日期输入框的value属性仅支持YYYY-MM-DD格式的标准日期字符串，一旦赋值的格式不匹配、值为空，或者赋值过程出现PHP报错，输入框就会显示为空，无法保留选中值。你原有代码的问题主要是没有做非空判断和格式校验，首次加载无POST数据时会抛出PHP警告，导致value属性异常。

修复后的代码 #

直接替换原有输入框代码即可，增加了非空判断和格式校验，避免异常：

<input type="date" id="Date" name="Date" placeholder="Date" 
value="<?php echo isset($_POST['Date']) && preg_match('/^\d{4}-\d{2}-\d{2}$/', $_POST['Date']) ? $_POST['Date'] : '';?>" 
onchange="this.form.submit();">

仍不生效的排查方案 #

如果替换后还是无法保留值，检查以下常见问题：

• 确认你的表单没有绑定reset()相关的JS逻辑，不会在提交后主动清空输入框
• 确认表单提交后没有做301/302重定向，跳转后POST数据会丢失，无法回填。如果必须跳转，可以把日期存入Session后再读取回填：
  1. 页面顶部新增Session初始化和存储逻辑：

  <?php
  session_start();
  if (isset($_POST['Date'])) {
      $_SESSION['selected_date'] = $_POST['Date'];
  }
  ?>
  

  2. 输入框的value属性修改为从Session取值：

  value="<?php echo isset($_SESSION['selected_date']) ? $_SESSION['selected_date'] : '';?>"
  

• 确认浏览器没有禁用Cookie，Session存储依赖Cookie生效

内容的提问来源于stack exchange，提问作者yukang