Quantcast
Channel: VBForums
Viewing all articles
Browse latest Browse all 42215

aligning Textboxes and label in HTML

$
0
0
Hi

Iam new to HTML and i am trying to make a login page with two text boxes for username and password
Now i get stuck with the alighnment

here is the code
HTML Code:

<!DOCTYPE html>

<html>


<head>

<style type="text/css">

body {background-color:#FAFAD2;}
</style>

</head>
<body>

<fieldset style="background-color:#6B8E23; width: 550px; margin: 250px auto; border-width: 5px;height:350px">


<center><font color="#FFA07A;size:"5";WEIGHT:"bold"; ><marquee behavior="alternate"

direction="up"><center><blink>LOGIN</blink></center></marquee></font></center>

<br>
<br>

<center><p class="username">Username<input type="text" name="userid"/></center>

<br><center><p class="password">Password<input type="password" name="pswrd"/></center>

<br><br><center><input type="button" onclick="check(this.form)" value="Login"/></center>

<br><center><input type="reset" value="Cancel"/></center>

<form>
<script language="javascript">
    function check(form)
 if(form.userid.value == "myname" && form.pswrd.value == "myname")
    {
    window.open('welcome')
    }
   
else

{
alert("error password or user name")
}
</fieldset>
</center>   
</form>
</body>
</html>

The text boxes and label are coming to the bottom of the page....
any help on this will highly appreciated...

Viewing all articles
Browse latest Browse all 42215

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>