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>

Try using the new HTML5 attribute placeholder, this will only work in modern browsers.

<input type="text" name="myinput" placeholder="enter something" />

thanks

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.