如何实现html中修改数据刷新后以后的数据都是上次修改的数据

要实现在刷新页面后仍然保留上次修改的数据，可以使用以下方法：

使用JavaScript的本地存储（localStorage）或会话存储（sessionStorage）来保存数据。这些存储方式可以在浏览器中永久保存数据（localStorage）或只在会话期间保存数据（sessionStorage）。
在页面加载时，从存储中读取数据，并将其填充到HTML元素中。例如，可以使用JavaScript的localStorage.getItem()方法获取存储的数据，然后使用DOM操作将数据填充到相应的HTML元素中。
当用户修改数据时，使用JavaScript的事件处理程序来捕获这些修改，并将其保存到存储中。例如，可以使用localStorage.setItem()方法将修改后的数据保存到localStorage中。
当页面刷新时，再次从存储中读取数据，并将其填充到HTML元素中。这样就能保证刷新后的数据仍然是上次修改的数据。

以下是一个简单的示例代码：

<!DOCTYPE html>
<html>
<head>
    <title>保存数据示例</title>
</head>
<body>
    <input id="dataInput" type="text" />
    <button onclick="saveData()">保存</button>

    <script>
        // 从存储中读取数据，并填充到输入框中
        var dataInput = document.getElementById('dataInput');
        dataInput.value = localStorage.getItem('savedData');

        // 保存数据到存储中
        function saveData() {
            var data = dataInput.value;
            localStorage.setItem('savedData', data);
        }
    </script>
</body>
</html>

在这个示例中，当用户在输入框中输入数据并点击保存按钮时，数据会保存到localStorage中。当页面刷新时，输入框中的值会从localStorage中读取并填充。这样就实现了在刷新后仍然保留上次修改的数据