我的文本输入框似乎无法记忆之前输入的值。例如，许多网站我甚至没有账户，但在输入我的电子邮件地址（作为“访客”购买火车票）之前，它们会给我一个下拉菜单，列出了我过去使用过的电子邮件地址。然而我的表单却没有这样做。每次都要完全手动输入。这似乎与此问题相反...
我有简单的输入框，如 <input type="text" id="firstName" placeholder="名字" />
它们通过简单的 jQuery Ajax 提交。类似于这个。然而，在 jsbin 上这个例子中的 Ajax 并不起作用，我只是展示它来演示我的基本结构。是否有jQuery插件可以实现此功能？是否有一种方式可以控制这看似由浏览器驱动的行为？
我曾经遇到了同样的问题。对我来说，这是在开发ASP.NET MVC时出现的。无论如何，我必须做出的解决方案是一个组合：
在我的输入标记中定义名称属性
在我的输入标记中设置autocomplete="on"
将按钮标记更改为type="submit"标记
将所有输入控件封装在<form>标记中
<input type="text" id="firstName" placeholder="First name" name="firstName" >
有些浏览器坚决不会记住输入内容，除非我通过（滥用）localStorage手动“记住它”... 对我而言，这种方法奏效：
{
// hack to remember last error id on page refresh
// can't believe i have to do this, but my browser don't want to remember it itself,
// ... not sure why
let errorid_element=document.querySelector("#errorlog_id");
let rememberHack=function(){
localStorage.setItem("last_id_remember_hack",errorid_element.value);
};
errorid_element.addEventListener("input",rememberHack);
errorid_element.addEventListener("change",rememberHack);
errorid_element.value = localStorage.getItem("last_id_remember_hack");
}
根据浏览器和用户隐私设置以及排序方式，可能会有所不同，但默认情况下应该是开启的，您可以尝试在输入标签中添加 autocomplete="on"。
autocomplete值为开启状态，因此设置此属性实际上不会有任何影响。这个设置是由浏览器驱动的。如果用户在浏览器中的设置不允许记住自动完成值，则您添加、更改、修改、改变、创建等操作都无法改变这一点。用户需要更新他们的浏览器设置才能允许此功能。 - War10ck如果你正在使用React
<form>标签包裹起来type="submit"，不要包含onClick。让onSubmit回调函数处理它。现在按下回车键或点击按钮将会记住输入的值。
<form onSubmit={(e) => {
e.preventDefault(); // prevent new page from being opened
// do something with input data
}
}>
<input name="myInput" ... />
<button type="submit" ... />
</form>
$(function(){
function save_user_inputs(ev){
$("input").each(function(index, $input){
if ($input.name == ""){
return true;
}
localStorage.setItem("input." + $input.name, $input.value);
});
return true;
}
function load_user_inputs(){
var input_names = Object.keys(localStorage);
for(var i=0; i<input_names.length; i++){
var input_name = input_names[i];
if (!input_name.startsWith("input.")){
continue;
}
var $input = $("[name='"+input_name.split(".")[1]+"']")
$input.val(localStorage[input_name]);
}
}
$(document).on('submit', save_user_inputs);
load_user_inputs();
});
<div class="custom-control custom-checkbox checkbox-lg">
<input type="checkbox" class="custom-control-input" id="TER" value="TER">
<label class="custom-control-label" for="TER">Land/Lot</label>
</div>
请注意for和id值是匹配的
您可以尝试使用 autocomplete="on"
<input type="text" id="firstName" placeholder="First name" autocomplete="on" />
autocomplete值为开启状态，因此设置此属性实际上不会有任何影响。这个设置是由浏览器驱动的。如果用户在浏览器中的设置不允许记住自动完成值，则您添加、更改、修改、改变、创建等操作都无法改变这一点。用户需要更新他们的浏览器设置才能允许此功能。 - War10ckautocomplete="off"添加到您的输入框中。