【提问】请各位H5的大屌帮忙改一个代码【编程吧】

先说事情缘由，因为我妹妹的qq被一个人盗了，把密码改了，但是一直在线，而且给他发消息还会和我们聊天。
我想帮妹妹把这个qq弄回来，于是想做一个网页引诱他在这个网页中登录qq。
让他输入账号密码点击登录以后，代码在后台把账号密码发送到数据库并保存，然后提示《登录失败，建议换个账号试试。》并跳回到开始的登录页面，就一直这样循环。
我在网上下载了一个模板，但由于我本人对H5一窍不通，所以不知道该怎么修改代码，请各位大屌帮帮忙

完整的文件打包在附件里面。

发帖的时候附件上传失败了，现在不知道怎么上传了，只能把全部的代码贴上来，不知道会不会乱

<!doctype html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML5手机端登录界面模板 - 源码之家</title>
<link rel="stylesheet" type="text/css" href="css/default.css">

<link rel="stylesheet" type="text/css" href="css/styles.css">
</head>
<body>
<div class='login'>
<div class='login_title'>
<span>账号登录</span>
</div>
<div class='login_fields'>
<div class='login_fields__user'>
<div class='icon'>
<img src='img/user_icon_copy.png'>
</div>
<input placeholder='用户名' type='text'>
<div class='validation'>
<img src='img/tick.png'>
</div>
</input>
</div>
<div class='login_fields__password'>
<div class='icon'>
<img src='img/lock_icon_copy.png'>
</div>
<input placeholder='密码' type='password'>
<div class='validation'>
<img src='img/tick.png'>
</div>
</div>
<div class='login_fields__submit'>
<input type='submit' value='登录'>
<div class='forgot'>
<a href='#'>忘记密码?</a>
</div>
</div>
</div>
<div class='success'>
<h2>认证成功</h2>
<p>欢迎回来</p>
</div>
<div class='disclaimer'>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce semper laoreet placerat. Nullam semper auctor justo, rutrum posuere odio vulputate nec.</p>
</div>
</div>
<div class='authent'>
<img src='img/puff.svg'>
<p>认证中...</p>
</div>
<script type="text/javascript" src='js/stopExecutionOnTimeout.js?t=1'></script>
<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script>
$('input[type="submit"]').click(function () {
$('.login').addClass('test');
setTimeout(function () {
$('.login').addClass('testtwo');
}, 300);
setTimeout(function () {
$('.authent').show().animate({ right: -320 }, {
easing: 'easeOutQuint',
duration: 600,
queue: false
});
$('.authent').animate({ opacity: 1 }, {
duration: 200,
queue: false
}).addClass('visible');
}, 500);
setTimeout(function () {
$('.authent').show().animate({ right: 90 }, {
easing: 'easeOutQuint',
duration: 600,
queue: false
});
$('.authent').animate({ opacity: 0 }, {
duration: 200,
queue: false
}).addClass('visible');
$('.login').removeClass('testtwo');
}, 2500);
setTimeout(function () {
$('.login').removeClass('test');
$('.login div').fadeOut(123);
}, 2800);
setTimeout(function () {
$('.success').fadeIn();
}, 3200);
});
$('input[type="text"],input[type="password"]').focus(function () {
$(this).prev().animate({ 'opacity': '1' }, 200);
});
$('input[type="text"],input[type="password"]').blur(function () {
$(this).prev().animate({ 'opacity': '.5' }, 200);
});
$('input[type="text"],input[type="password"]').keyup(function () {
if (!$(this).val() == '') {
$(this).next().animate({
'opacity': '1',
'right': '30'
}, 200);
} else {
$(this).next().animate({
'opacity': '0',
'right': '20'
}, 200);
}
});
var open = 0;
$('.tab').click(function () {
$(this).fadeOut(200, function () {
$(this).parent().animate({ 'left': '0' });
});
});
</script>
<div style="text-align:center;">
<p>来源:<a href="http://www.mycodes.net/" target="_blank">源码之家</a></p>
</div>
</body>
</html>

这吧里就没有一个人会吗？

看到这个帖子的人也回复我一下，让我知道沉没沉好吗？

沉了沉了沉了

为什么我每次发帖都会沉

你有服务器吗？有域名吗？

日	一	二	三	四	五	六

【提问】请各位H5的大屌帮忙改一个代码

扫二维码下载贴吧客户端