HTML - 刷新后保留的输入值

要在HTML中实现刷新后保留输入值，你可以使用JavaScript和本地存储（localStorage）来存储和检索输入值。下面是一个简单的示例：

<!DOCTYPE html>
<html>
<head>
  <title>刷新后保留输入值</title>
  <script>
    // 在页面加载时检查本地存储中是否有保存的值
    window.onload = function() {
      var input = document.getElementById('myInput');
      var savedValue = localStorage.getItem('inputValue');
      if (savedValue) {
        input.value = savedValue;
      }
    };

    // 在输入框值改变时保存到本地存储
    function saveValue() {
      var input = document.getElementById('myInput');
      localStorage.setItem('inputValue', input.value);
    }
  </script>
</head>
<body>
  <input type="text" id="myInput" oninput="saveValue()" />
</body>
</html>

在这个示例中，我们使用localStorage对象来存储和检索输入框的值。在页面加载时，我们检查本地存储中是否有保存的值，并将其设置为输入框的值。每当输入框的值发生变化时，我们将新值保存到本地存储中。