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

程序员在线工具箱