如何让输入框的 placeholder 内容在刷新页面后不消失

如果您想让输入框中的 placeholder 内容在刷新页面后不消失,可以使用 localStorage 存储该内容,并在页面加载时将其设置为输入框的 placeholder。

以下是完整代码示例:

HTML 代码:

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

JavaScript 代码:

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

// 从 localStorage 中获取 placeholder 内容
var placeholder = localStorage.getItem('openaikey_placeholder');

// 如果 placeholder 存在,则将其设置为输入框的 placeholder
if (placeholder) {
  input.placeholder = placeholder;
}

// 监听输入框内容变化事件
input.addEventListener('input', function() {
  // 将输入框中的内容存储到 localStorage 中
  localStorage.setItem('openaikey_placeholder', input.placeholder);
});

在上面的代码中,我们首先获取输入框元素,并从 localStorage 中获取 placeholder 内容。如果 placeholder 存在,则将其设置为输入框的 placeholder。

然后,我们监听输入框内容变化事件,每次输入框内容发生变化时,将输入框中的内容存储到 localStorage 中。

这样,在刷新页面后,我们就可以从 localStorage 中获取 placeholder 内容,并将其设置为输入框的 placeholder,使其不会消失。

如何让输入框的 placeholder 内容在刷新页面后不消失

原文地址: https://www.cveoy.top/t/topic/jqiD 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录