输入记住不使用形式(input remembered without using a form)

2019-10-18 07:03发布

如果我使用一个表,并提交按钮,然后在浏览器能记住的文本输入字段,但如果我只用输入类型,没有形式,并有按钮操作的onclick事件,然后在浏览器没有为用户高速缓存输入值。

有没有办法让浏览器仍然缓存“形式”的投入,而无需使用实际提交?

下面是示例代码,显示我的网页。 当用户点击搜索,然后一个JavaScript函数被调用将填充格“结果”。 一切正常,只是没有浏览器会缓存文本输入。

<h2>Device Cleaner</h2>
<p>Enter MAC Address of device to clean:</p>
<input type="text" id="entry" name="macaddr" onkeypress="keyChecker(event)">
<button type="button" id="start" onclick="query()">Search</button>
<div id="results"></div>
</body>
</html>

Answer 1:

这是不可能迫使浏览器来保存这些信息。 只要你想保存输入相对较短,您可以使用JavaScript来存储cookie这些信息。 在未来的观看页面然后当,你可以使用这些Cookie来填充输入字段。 警惕敏感信息虽然。

另外,您也可以在用户输入存储通过AJAX请求在自己的服务器上。



Answer 2:

有没有办法让浏览器仍然缓存“形式”的投入,而无需使用实际提交?

没有。

用什么在过去的工作是提交到一个空白页,但是,这并不在所有浏览器正常工作了。



Answer 3:

是否可以使用JavaScript中的异步请求,从而使网页不刷新实际上/提交更新的“结果”格,但结果只是直接显示?

这将涉及拦截提交表单的动作,并写你的服务器上的不同的端点,会做的搜索,并且返回数据表单需求。 这是一个有点太多对我来说,我的答案形容,但它的东西,人们对于更好的可用性通常做的; 你会找到一个更好的教程比我可以通过google搜索“Ajax表单提交”提供。



文章来源: input remembered without using a form