<html>
<title>Sample Test Page</title>
<h1>Test Page</h1>
<head>
<script>
function myFunction()
{
alert("Successfully submitted!");
}
</script>
<style>
#header ul
{
list-style: none;
padding:0;
margin:0;
}
#header li
{
float: left;
border: 1px solid;
border-bottom-width: 0;
margin: 0 0.5em 0 0;
}
#header li a
{
padding: 0 1em;
}
#header a
{
padding: 0 1em;
text-decoration: none;
color: #a80;
background: #fe5;
}
#header a:hover
{
background: #fc0;
color: #540;
}
body
{
font: small arial, helvetica, sans-serif;
font-family: Verdana, sans-serif;
}
div.pos_fixed
{
position:fixed;
top:50px;
left:5px;
}
</style>
</head>
<body style="background-color:#BDB76B">
<div id="header" class="pos_fixed">
<ul>
<li><a href="#tab1">Home</a></li>
<li><a href="#tab2">Tab2</a></li>
<li><a href="#tab3">Tab3</a></li>
<li><a href="#tab4">Tab4</a></li>
</ul>
</br>
</br>
<div id="tab1">
<form>
<fieldset>
<legend><b>Login form:</b></legend>
<label><b>Enter the Name:</b></label></br>
<input type="text" name="name" /></br>
<label><b>Age:</b></label></br>
<input type="number" name="age" /></br>
<label><b>Occupation:</b></label></br>
<input type="radio" name="sex" value="male">Male<br>
<input type="radio" name="sex" value="female">Female</br>
<label><b>Gender:</b></label></br>
<select>
<option value="volvo">Male</option>
<option value="saab">Female</option>
</select></br></br>
<input type="button" onclick="myFunction()" value="Login" />
</fieldset>
</form>
</div>
</div>
</body>
</html>
<title>Sample Test Page</title>
<h1>Test Page</h1>
<head>
<script>
function myFunction()
{
alert("Successfully submitted!");
}
</script>
<style>
#header ul
{
list-style: none;
padding:0;
margin:0;
}
#header li
{
float: left;
border: 1px solid;
border-bottom-width: 0;
margin: 0 0.5em 0 0;
}
#header li a
{
padding: 0 1em;
}
#header a
{
padding: 0 1em;
text-decoration: none;
color: #a80;
background: #fe5;
}
#header a:hover
{
background: #fc0;
color: #540;
}
body
{
font: small arial, helvetica, sans-serif;
font-family: Verdana, sans-serif;
}
div.pos_fixed
{
position:fixed;
top:50px;
left:5px;
}
</style>
</head>
<body style="background-color:#BDB76B">
<div id="header" class="pos_fixed">
<ul>
<li><a href="#tab1">Home</a></li>
<li><a href="#tab2">Tab2</a></li>
<li><a href="#tab3">Tab3</a></li>
<li><a href="#tab4">Tab4</a></li>
</ul>
</br>
</br>
<div id="tab1">
<form>
<fieldset>
<legend><b>Login form:</b></legend>
<label><b>Enter the Name:</b></label></br>
<input type="text" name="name" /></br>
<label><b>Age:</b></label></br>
<input type="number" name="age" /></br>
<label><b>Occupation:</b></label></br>
<input type="radio" name="sex" value="male">Male<br>
<input type="radio" name="sex" value="female">Female</br>
<label><b>Gender:</b></label></br>
<select>
<option value="volvo">Male</option>
<option value="saab">Female</option>
</select></br></br>
<input type="button" onclick="myFunction()" value="Login" />
</fieldset>
</form>
</div>
</div>
</body>
</html>
Comments
Post a Comment