Question

我为一个客户构建了一个html登录页面。我希望它非常简单，只有我设置并提供给访问者的电子邮件和密码。例如，电子邮件：user@user.com 密码：blabla

可能吗？

<body class="login">
    <section>
        <img src="images/logo.png">
        <form method="link" action="statistics.html">
            <input type="text" value="Email" />
            <input value="Password" type="password" />
            <button class="blue">Login</button>
        </form>
        <p><a href="#">Forgot your password?</a></p>
    </section>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript">
// Page load delay by Curtis Henson - http://curtishenson.com/articles/quick-tip-delay-page-loading-with-jquery/
$(function(){
    $('.login button').click(function(e){ 
        // Get the url of the link 
        var toLoad = $(this).attr('href');  

        // Do some stuff 
        $(this).addClass("loading"); 

            // Stop doing stuff  
            // Wait 700ms before loading the url 
            setTimeout(function(){window.location = toLoad}, 10000);      

        // Don't let the link do its natural thing 
        e.preventDefault
    });

    $('input').each(function() {

       var default_value = this.value;

       $(this).focus(function(){
               if(this.value == default_value) {
                       this.value = '';
               }
       });

       $(this).blur(function(){
               if(this.value == '') {
                       this.value = default_value;
               }
       });

});
});
</script>
</body>
</html>

Answer 1

您的代码存在很多问题：您已将toLoad的值分配给<button>的{{1}}属性，该属性不存在，并且不应该存在，因为href属性在href标记上无效。另外，我不认为<button>是一种有效的表单方法，您必须使用link或GET。

无论如何，如果你想在表单中实际创建功能日志，你将需要PHP（和MySQL），它不能在纯JS +中完成HTML。您可以在网上找到这方面的教程，使用您最喜欢的搜索引擎找到适合您需求的搜索引擎。

单个用户的基本HTML登录

1 个答案: