how would i give dime text in any text field e.g if there is login form and in login form the field where we enter the password written a transparent text that enter your password.how would i apply this in form below please help me...i have highlight the code for you...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="javascript" type="text/javascript">
function button1(){
var user =document.getElementById("go-btn").value;
if(document.getElementById("password").value!="amry")
alert('You have given Wrong Password!');
}
</script>
<title>Login</title>
<link rel="stylesheet" type="text/css" href="1css/css.css" />
<style type="text/css">
<!--
#image{
margin-top: 7px;
}
#images{
font-family: fantasy;
font-size: 8px;
}
-->
</style></head>
<body >
<div class="login-form">
<div id="hedding">
<div class="left"></div>
<div class="main">
<div class="text">
<span class="heding-txt1">LOGIN AREA</span>
<span class="heding-txt2">FOR</span>
<span class="heding-txt3">ZMS</span>
</div>
</div>
<div class="right"></div>
</div>
</div>
<div class="enter">
<div class="form-lft"></div>
<div class="form-main">
<div class="inner-form">
<form action="logindb.php" method="POST" >
<label>Username</label>
<input type="text" class="input" name="name" id=name/>
<label>Password</label>
////////////// here i want to apply that tranparent text.....
<input type="password" class="input" name="password" id=password />
</div>
<div class="buttns">
<input type="submit" class="go-btn" value="" id="go-btn" onclick="javascript:button1()"/>
<input type="submit" class="lost-btn" value="" id="lost-btn" />
</div>
</form></div>
<div class="form-rght"></div>
</div>
</div>
</body>
<div id="image"><center><img src="222071_1941814027700_1312940202_2218448_386665_n.jpg"/></center>
</div>
<div id="images"><center>Developed by AMRY Soft</center></div>
</html>