应用程序中的 HTML“设置为默认值”答案

【问题标题】：HTML "Set as default" in an app应用程序中的 HTML“设置为默认值”
【发布时间】：2018-02-07 12:55:18
【问题描述】：

我目前正在处理一个使用 Apache Cordova 的项目。在我们的 HTML 文件中，我们有一个搜索框，用户可以在其中输入 ie。 “CLASS A”，如果他/她愿意，可以将其设置为默认值。当用户重新打开应用程序时，应用程序记住输入的最简单方法是什么？因为我们只为安卓和 IOS cookie 创建一个（本机）应用程序，所以不会这样做。本地存储是解决这个问题的最简单和正确的方法吗？应该如何在代码中实现？如果重要的话，我们的项目中有 HTML/CSS/JS。

从 HTML 提供一个 sn-p；

    <div data-role="content" id="content">
        <div id="search">
            <div class="ui-widget">
                <div id="timetable">
                </div>

                <form onsubmit="return false" id="searchform">
                    <input type="text" oninput="upperCaseGroup(this)" id="field" placeholder="Search group's timetable" maxlength="100" class="ui-autocomplete-input" autocomplete="off">
                    <input type="text" oninput="upperCaseClass(this)" id="fieldClass" placeholder="Search room's timetable" maxlength="100" class="ui-autocomplete-input" autocomplete="off">
                    <p id="searchNotifi">* Search timetables inputting desired group or room id. (ie. TITE14 / A420.2) <a href style="color: deeppink" id="hidemsg">Okay!</a></p>
                    <label for="remember" id="mlabel"><input type="checkbox" id="remember" data-role="none" />Set as default</label>
                    <!-- <div id="hae" class="ui-btn ui-input-btn ui-corner-all ui-shadow">Search</div> -->
                    <input type="button" value="Search" id="search" class="btn openpanel" onclick="executeSearch()" />
                </form>
            </div>
        </div>

这就是代码在应用程序中的样子（带有 JS 函数等）。

所以一切正常，但是我们如何将搜索设置为默认值，以便应用在用户下次打开应用时记住输入？

提前谢谢你。

【问题讨论】：

我认为本地存储可以工作

标签： javascript android html ios cordova

【解决方案1】：

实际上，如果您想确保您的数据永远不会被系统清除，我不会依赖使用localStorage。如前所述，如果您的设备可用内存不足，here localStorage 将被清除。我建议使用以下持久存储可能性之一：

虽然 SQLite 在记住用户选择方面有点矫枉过正，但本机存储可能是要走的路。

使用方法（添加插件后）：

存储物品：

NativeStorage.setItem("key",<value>, <success-callback>, <error-callback>);

检索项目：

NativeStorage.getItem("key",<success-callback>, <error-callback>);

【讨论】：

【解决方案2】：

您可以使用localStorage，即使关闭并重新打开浏览器，它也会持续存在，并且会是这样。

localStorage.setItem("val1","some text");

localStorage.getItem("val1")
//some text

Window.localStorage

【讨论】：