Javascript 有没有办法将输入字段值保存到domjquery

我正在用jquery制作一个提醒应用程序。我从输入字段中获取值，并在输入字段下显示值。但每次我刷新页面时，这些值都会消失。是否有任何方法可以存储值

我的HTML

   <form id="form">
                        <input class="form-control" type="text" id="getReminder"/>
                        <p class="text-center">
                            <input type="submit" value="submit" class="btn btn-default">
                        </p>
                    </form>

我的JAVASCRIPT

 (function(){

var input           = $('#getReminder').attr('maxlength','30');
var checkboxSuccess = $('#checkboxSuccess');
var allFinished     = $('#allFinished');
$this               = $(this);

$( "form" ).submit(function() {
    if(input.val() == ""){
       input.addClass('warning').attr('placeholder','Please set the reminder').addClass('warning-red');
       return false;
    }
    else
    {
        input.removeClass('warning');
        $('<label>' +
            '<input type="checkbox" id="checkboxSuccess" value="option1">' +
                 input.val().toUpperCase() +
                    '</label><br/>').appendTo('.checkbox');
                     event.preventDefault();

        return true;
    }

});

})();

（函数（）{
var input=$（'#getrementer'）.attr（'maxlength'，'30'）；
var checkboxSuccess=$（“#checkboxSuccess”）；
var allFinished=$（“#allFinished”）；
$this=$（this）；
$（“表格”）。提交（函数（）{
if（input.val（）==“”）{
input.addClass（'warning'）.attr（'placeholder'，'well set the rements'）.addClass（'warning-red'）；
返回false；
}
其他的
{
input.removeClass（'warning'）；
$('' +
'' +
input.val（）.toUpperCase（）的+
“
”）.appendTo（“.checkbox”）；
event.preventDefault（）；
返回true；
}
});
})();

参见此示例：

---

即使您可以使用WebSql，也可以看到此示例。

尝试将其存储到浏览器本地存储。，

//Check Web Storage support
if (typeof (Storage) !== "undefined") {
    input.val(localStorage.getItem("textValue"));// get Value from storage
} else {
    // Sorry! No Web Storage support..
}

// And for set value 
localStorage.setItem("textValue", input.val());