html本地数据库—存储功能

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="js/jquery-3.2.1.min.js"></script>
<script type="text/javascript">
    //创建数据库:数据库名称,版本,表明,大小
    var db=openDatabase("myDB","1.0","test db",2014*10);
    function Add(){
        db.transaction(function(fx){
            fx.executeSql("create table if not exists UserInfor(UserName TEXT,Pwd TEXT)",[]);
            //获取
            var username=$("#txtAUserName").val();
            var pwd=$("#txtAPwd").val();
            fx.executeSql("insert into UserInfor values(?,?)",[username,pwd],function(){
                alert("添加成功");
            });
        });
    }
</script>
</head>
<body>
<div>
<input type="text" id="txtAUserName"/>
<input type="password" id="txtAPwd"/>
<input type="button" value="添加" onclick="Add();"/>
</div>
</body>
</html>

posted on 2017-05-17 20:18  河狸筑坝  阅读(149)  评论(0编辑  收藏  举报