05-16-2010, 04:04 AM
Ok heres a quick tutorial on how to create a decent looking login form in HTML and using CSS. For an example.. http://www.nmapforum.webege.com/Home.html
HTML
The above code will create a username and password field. In this example I have set the value to Username & ********. When you click on the text, the input field will clear, and if you click away from the inputs without typing anything, the values will show again.
CSS
Customize the CSS to your liking and place it anywhere within the body..
This will allow you to pretty much have full control on what your login form will look like..
Thanks,
The Major
HTML
Code:
<html>
<body>
<form action="">
<input value="Username" type="text/css" onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'Username':this.value;" value="Username" /><br />
<input value="********" type="text/css" onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'********':this.value;" value="********" />
</form>
</body>
</html>CSS
Code:
<style type="text/css">
<!--
INPUT {
background: #000000 url(images/whatever.jpg);
color: white;
border: 0px;
font-family: arial, verdana, ms sans serif;
font-weight: regular;
font-size: 12pt
}
-->
</style>This will allow you to pretty much have full control on what your login form will look like..
Thanks,
The Major