Login form (BROKE!!!!) - WP

[Canman07]

I'm rather new to developing so bare with me. I have implemented a login form on my homepage of my site, however, when I go to login - it doesn't actually allow me to login. The end of my url after i select "LOGIN" says the following: "?username=admin&password=admin&submit=+"

Here is the HTML:

<div id="navbar">
        <?php wp_nav_menu( array( 'menu' => 'Primary Menu', 'container' => false,'menu_id' => 'main-nav','depth'=>'2')); ?>
            <div id="login" >
        <?php if (!(current_user_can('level_0'))){ ?>               
        <form>
            <input type="text" name="username" id="username" value="<?php echo wp_specialchars(stripslashes($user_login), 1) ?>" style="padding-left: 2px;" onfocus="if(this.value==this.defaultValue) this.value='';" onblur="if(this.value=='') this.value=this.defaultValue;" />
            <input type="password" name="password" id="password" style="padding-left: 2px;" onfocus="if(this.value==this.defaultValue) this.value='';" onblur="if(this.value=='') this.value=this.defaultValue;" />
            <input type="submit" name="submit" value=" " class="loginbutton" />
                </form>
                <a class="helpbutton" href="<?php echo get_option('home'); ?>/wp-login.php?action=lostpassword"></a>
        <?php } else { ?>
        <ul class="admin_box">
                    <li><a href="<?php echo get_option('home'); ?>/wp-admin/">Dashboard</a></li>
                    <li><a href="<?php echo get_option('home'); ?>/wp-admin/post-new.php">Write new Post</a></li>
                    <li><a href="<?php echo get_option('home'); ?>/wp-login.php?action=logout&redirect_to=<?php echo urlencode($_SERVER['REQUEST_URI']) ?>">Log out</a></li>
            </ul>
        <?php }?>
            </div>
        </div>

Here is the CSS:

/* Login
-----------------------------------------------------------------------------*/
#login {
    background-image:url(images/bluenavbg.png);
    height:39px;
    width: 370px;
    float:right;
    margin-right: 0px;
    margin-top: 0px;
}

form {
    float: left;
    margin-top: 10px;
    margin-left: 20px;
}

input {
    background:url(images/formbg.png);
    width: 117px;
    height: 20px;
    margin-left: 5px;
    border:none;
    margin-left: 3px;
}

.loginbutton {
    height: 20px;
    width: 40px;
    margin-left: 5px;
    background:url(images/loginbutton.png);
}
.helpbutton {
    height: 20px;
    width: 38px;
    margin-right: 10px;
    background:url(images/helpbutton.png);
    margin-top: 10px;
    float: right;
}

#login ul {
    float: left;
    color: white;
    padding-left: 55px;
}

#login li a {
    float: left;
    color: white;
    text-align: center;
}

[_Aerospace_Eng_]

Where you is your form action? How are you processing the form inputs?

[Canman07]

Is this what you are talking about?

<form>
            <input type="text" name="username" id="username" value="<?php echo wp_specialchars(stripslashes($user_login), 1) ?>" style="padding-left: 2px;" onfocus="if(this.value==this.defaultValue) this.value='';" onblur="if(this.value=='') this.value=this.defaultValue;" />
            <input type="password" name="password" id="password" style="padding-left: 2px;" onfocus="if(this.value==this.defaultValue) this.value='';" onblur="if(this.value=='') this.value=this.defaultValue;" />
            <input type="submit" name="submit" value=" " class="loginbutton" />
                </form>

[Canman07]

I fixed it, thanks for the help!

[_Aerospace_Eng_]

What did you end up doing?

[Canman07]

http://stackoverflow.com/questions/1...03265_10769770

However, I have bridged Wordpress with vBulletin and since i've done that, it wont display what is supposed to be displayed after you log in. Is there anyone that can help with this - skype or something?