How to make this Form disappear once it performs its function

[chrisj]

Although I know this isn't state-of-the-art Log-In Form code, it does function successfully.
Currently, if the wrong credentials are entered the user is re-directed to a log-in page,
and if the correct credentials are entered the user stays on the home page.
What can I add to this so that when the correct credentials are entered, this Form disappears,
until the user logs-out? Thanks for any help

<form action="../login.php" method="post" accept-charset="UTF-8" class="middletext">
<p>
<input type="text" size="20" name="user_name_login" id="user_name_login" value="ENTER USERNAME" style="color:#D9D9D9" style="vertical-align:middle"; onfocus="if (this.value=='ENTER USERNAME') {this.value=''; this.style.color='#696969';}" >

<input type="text" size="20" name="password_login" id="password_login" value="ENTER PASSWORD" style="color:#D9D9D9" style="vertical-align:middle"; onfocus="if (this.value=='ENTER PASSWORD') {this.value=''; this.style.color='#696969';}" >

<input type="hidden" name="cookie_time" value="10080" />

&nbsp;<img src="http://codingforums.com/themes/default/images/arrow-red.png" alt="" /><input type="submit" style="outline:grey" font-size="5px" value="[var.lang_login_now]" class="button-form2" />
<input type="hidden" name="submitted" value="yes" />
<input type="hidden" name="remember_me" value="remember_me" />
<form onsubmit="this.style.Display='none';this.style.visibility='hidden';">
</p>
</form>

[Weedpacket]

Well, the second <form> tag isn't any use; its attributes should be part of the real <form> tag.

Setting "this.style.Display" won't have any effect, since the form's style property doesn't have a "Display" property (the closest would be "display").

And if you don't want it to show up on subsequent pages, you'd first to test to see if the user is logged in, and only display it if they're not.

[chrisj]

Thank you