前端专区

网站提交表单按钮实现效果

字号+ 作者:admin 来源:未知 2018-09-18 17:23 我要评论( )

网站提交数据实现效果展示



<!-- <!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>本地数据库</title>
        <script src="js/jquery-2.1.4.min.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
        var db=openDatabase("guowei","1.0","test db",2014*10);//创建访问数据库对象;
        //openDatabase内置方法:
        //第一个值:数据库名称;
        //第二个值:用户版本号;
       //第三个值:数据库描述;
       // 第四个值:数据库大小;        
            function add(){
                db.transaction(function(fx){
                     fx.executeSql("create table if not exists haha(UserName TEXT,Pwd TEXT)",[]);
                     var username=$("#txtUserName").val();
                     var pwd=$("#txtAPwd").val();
                     fx.executeSql("insert into haha values(?,?)",[username,pwd],function(){
                        alert("提交成功");
                     })
                })
               
            }
        </script>
    </head>
    <body>
        <div>
            姓名:<input type="text" id="txtUserName" />
            电话:<input type="text" id="txtAPwd" />
            <input type="button" value="提交" onclick="add()" />
        </div>
    </body>
</html> -->

转载请注明出处。

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 收集学习代码网站

    收集学习代码网站

    2018-06-29 10:50

  • 前端一些小技巧分享

    前端一些小技巧分享

    2018-02-03 12:03

  • 网站左侧导航栏滑动显示与隐藏

    网站左侧导航栏滑动显示与隐藏

    2018-01-31 10:56

  • 怎么破解网站禁止复制粘贴方法

    怎么破解网站禁止复制粘贴方法

    2017-11-08 11:19

网友点评
尚未注册畅言帐号,请到后台注册