1<html>
2 <head>
3 <title>
4 Log In or Sign Up
5 </title>
6 </head>
7 <body>
8 <div>
9 <input type="textarea" placeholder="Enter your username">
10 <br>
11 <br>
12 <input type="password" placeholder="Enter your username">
13 <br>
14 <br>
15 <input type="submit" value="Log In">
16 <br>
17 <br>
18 </div>
19 <div>
20 <p>
21 Or Sign Up!
22 </p>
23 <br>
24 <br>
25 <input type="textarea" placeholder="Create a username">
26 <br>
27 <br>
28 <input type="password" placeholder="Create a password">
29 <br>
30 <br>
31 <input type="submit" value="Sign Up">
32 </div>
33 </body>
34</html>
1<!doctype html>
2<form name="loginForm" method="post" action="index.html">
3<table width="20%" bgcolor="0099CC" align="center">
4 <tr>
5<td colspan=2><center><font size=4><b>light-net login</b></font></center></td>
6</tr>
7
8<tr>
9<td>Username:</td>
10<td><input type="text" size=25 name="user"></td>
11</tr>
12
13<tr>
14<td>Password:</td>
15<td><input type="Password" size=25 name="pass"></td>
16</tr>
17
18<tr>
19<td ><input type="Reset"></td>
20<td><input type="submit" onclick="return check(this.form)" value="Login"></td>
21</tr>
22
23</table>
24</form>
25<script language="javascript">
26function check(form)
27{
28
29if(form.user.value == "public" && form.pass.value == "peasants")
30{
31 return true;
32}
33else
34{
35 alert("Error Password or Username")
36 return false;
37}
38}
39 </script>
1<html>
2 <head>
3 <title>Login page example</title>
4 <style>
5 input{
6 font-size: 20;
7 }
8 body{
9 background-color: red;
10 }
11 </style>
12 </head>
13 <body>
14 <input placeholder="Username"/>
15 <br />
16 <input type="password" placeholder="Password"/>
17 <br/>
18 <br/>
19 <button>Login</button>
20 </body>
21
22</html>
23
1<html>
2 <head>
3 <title>Login page example</title>
4 <style>
5 input{
6 font-size: 20;
7 }
8 body{
9 background-color: red;
10 }
11 </style>
12 </head>
13 <body>
14 <input placeholder="Username"/>
15 <br />
16 <input type="password" placeholder="Password"/>
17 <br/>
18 <br/>
19 <button>Login</button>
20 </body>
21
22</html>