sisyphus.min.js jquery表单数据自动保存到草稿箱插件

sisyphus.min.js jquery表单数据自动保存到草稿箱插件

sisyphus.min.js jquery表单数据自动保存到草稿箱插件,我们经常输入表单后,刷新了,导致数据白填了,这款插件就是会实时将所填的数据保存到本地存储中,即使刷新,数据依然存在

第一步引入bfwone

第二步执行插件

示例如下

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
    <script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script type="text/javascript">
        bready(function() {
            use(["sisyphus.min"], function() {
                $("#basic_form").sisyphus();
            });
        });
    </script>
</head>
<body>
    <body>
        <h4>修改下面表单内容后会自动存储,刷新网页看效果</h4>
        <form accept-charset="UTF-8" action="" id="basic_form" method="get" name="basic_form">
            <div style="margin:0;padding:0;display:inline">
                <input name="utf8" type="hidden" value="✓">
            </div>
            <div class="b-field">
                <label class="input-label" for="basic_form_country"> Select Dropdown:</label>
                <select class="span5" id="basic_form_country" name="basic_form_country">
                    <option value="Russia">Russia</option>
                    <option value="USA">USA</option>
                    <option value="England">England</option>
                </select>
            </div>
            <div class="b-field">
                <label class="input-label" for="basic_form_name">Input Text </label>
                <input class="span5" id="basic_form_name" name="basic_form_name" type="text" value="">
            </div>
            <div class="b-field clearfix">
                <label class="input-label left" for="basic_form_single">Checkbox:
                    <input class="b-check-box" id="basic_form_single" name="basic_form_single" type="checkbox" value="1">
                </label>
            </div>
        </form>

    </body>
</html>


立即下载sisyphus.min.js查看所有js插件

网友评论0

程序员在线工具箱