如何让访问者在 2019 年在客户端“记住这些表单字段”?

传统上,当我制作服务器驱动的网站时,如果用户在提交表单时选中“记住我的详细信息”复选框,我会使用 PHP 设置一堆 cookie,然后用相同的方式读取它们。

然而,这些天来,我有一种完全不同的网站制作方式:我只上传和使用静态 HTML/JS/CSS 文件,这样网站就不需要/需要“高级”服务器,并且可以托管如果/当这些网络成熟时,以后的 P2P/去中心化/“无服务器”。

这自然会导致许多问题和限制。我知道可以在客户端设置和读取 cookie(使用 JavaScript),但是如果可以避免的话,我不确定我是否想再处理 cookie。

我对使用 JavaScript 的/HTML 5 的“会话存储”之类的客户端数据保存/加载的概念有模糊的了解。但是,在我看来,如果 HTML 5 具有这样的某种功能,我也可以避免这种情况:

<input type="text" name="full_name" id="full_name" rememberinput>

或者:

<input type="text" name="full_name" id="full_name" value="__PREVIOUS_INPUT_OR_EMPTY__">

“rememberinput”属性将使浏览器/客户端在下次加载页面时记住该字段,然后将值填充到他们上次输入的任何内容中。

有没有这样的事情,或相关的事情?这将是他们可以添加到 HTML 中的最有用和最简单的功能之一,所以我当然希望他们能想到这一点,并且我们现在不必处理表单元素的一堆 JavaScript 操作并且不必读取值来自“会话存储”或 cookie。


慕尼黑5688855
浏览 133回答 1
1回答

偶然的你

HTML 最接近的就是autocomplete属性。<input&nbsp;type="text"&nbsp;name="full_name"&nbsp;id="full_name"&nbsp;autocomplete="name">笔记:建议值的来源通常取决于浏览器;通常值来自用户过去输入的值,但它们也可能来自预先配置的值。例如,浏览器可能会让用户保存他们的姓名、地址、电话号码和电子邮件地址以用于自动完成。也许浏览器提供了保存加密信用卡信息的能力,以便在身份验证过程之后自动完成。......所以它可能不是以前在自动完成的同一页面中输入的数据。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript