如何使用localStorage保存input输入框内容并防止刷新丢失

可以使用localStorage来实现这个功能。localStorage是一种浏览器提供的本地存储机制，可以将数据存储在浏览器中，即使刷新页面或关闭浏览器，数据也不会被清空。

下面是一个示例代码：

HTML部分：

<input id='edit_openaikey' placeholder='sk-xxxxxxxxxxxxxxxxxx'>

JavaScript部分：

// 获取输入框元素
var input = document.getElementById('edit_openaikey');

// 尝试从localStorage中获取输入框的值
var value = localStorage.getItem('openaikey');
if (value) {
  input.value = value;
}

// 监听输入框的变化，将值存储到localStorage中
input.addEventListener('input', function() {
  localStorage.setItem('openaikey', input.value);
});

这段代码会在页面加载时尝试从localStorage中获取输入框的值，如果有值就将其设置为输入框的值。然后监听输入框的变化，每当输入框的值发生变化时，就将其存储到localStorage中。这样即使刷新页面或关闭浏览器，输入框的值也不会被清空。