html5中表单查询后表单元素输入值不清空

在HTML5中，当你在一个表单上使用`<form>`标签并包含`<input>`或者其他表单控件，提交表单后（比如通过GET或POST方法），默认情况下这些表单元素的值会被清空。这是因为浏览器为了方便用户再次填写，通常会在表单重定向或页面刷新后清除已提交的数据。

如果你希望表单在查询之后保持之前输入的值而不清空，可以使用JavaScript来实现这一点。例如，在表单提交前，你可以添加一些JavaScript代码来阻止表单的自动重置：

<form id="myForm" onsubmit="event.preventDefault(); return submitForm(this);">
  <input type="text" name="exampleInput">
  <!-- 其他表单元素 -->

  <button type="submit">提交</button>
</form>

<script>
function submitForm(form) {
  // 这里是你处理表单数据的逻辑
  // 通常会发送到服务器
  var formData = new FormData(form);
  // 或者使用AJAX发送请求
  fetch('your-url', {
    method: 'POST',
    body: formData,
    credentials: 'same-origin'
  })
  .then(response => response.json())
  .then(data => console.log(data));

  // 提交后保留表单值
  form.reset();
  // 或者只清空特定字段
  // form.exampleInput.value = '';
}
</script>

在这个例子中，`event.preventDefault()`阻止了表单的默认提交行为，而`form.reset()`用于手动控制是否保留表单值。如果只想保留部分字段，就修改`form.exampleInput.value = ''`这部分代码。