How can I get Log-in-Form-1 to work successfully like Log-in-Form-2 ?

Log-in-Form-1:

Code:
<form action="login.php" method="post" accept-charset="UTF-8" class="middletext">
<p>
</style>
<label for="user_name_login" class="form_label">Username&nbsp;</label>
<input type="text" name="user_name_login" id="user_name_login" size="10" />
<label for="password_login" class="form_label">Password</label>
<input type="password" name="password_login" size="10" />
<input type="image" src="images/login.png" value="[var.lang_login_now]" class="btn_vid2" style="vertical-align:middle" alt="" />
<input type="hidden" name="submitted" value="yes" />
</p>
</form>

Log-in-Form-2:

Code:
<form action="[var.smf_bridge_login]" method="post" accept-charset="UTF-8" class="middletext">
<ul>
<li><label><font class="font4_13">[var.lang_user_name]:</font></label><span class="username"><input type="text" name="user" size="16" style="width:138px;" /></span></li>
<li><label><font class="font4_13">[var.lang_password]:</font></label><span class="password"><input type="password" name="password" size="16" style="width:138px;" /></span></li>
<li>
<input type="submit" value="[var.lang_login_now]" class="button-form" />
<input type="hidden" name="submitted" value="yes" />
</li>
</ul>
</form>