How to give placeholder for text box | Sanwebcorner

How to give placeholder for text box

Just give placeholder to the input field like this<input class="text1" type="text1" name="salonname" id='salonname' placeholder="Enter Salon Name" />This Placeholder should avoid the caption of the form field and also it is reduced the space of the webpages.

placeholder-for-textbox

index.html

<!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" />
<title>Placeholder for text box</title>
</head>
<body>
<form name="contact" action="" onsubmit="">
      <input class="text1" type="text1" name="salonname" id='salonname' placeholder="Enter Salon Name" /><br />
 <input class="text1" type="text1" name="firstname" id='firstname' placeholder="Contact Person" /><br />
      <input class="text1" type="text1" name="Email" id='Email' placeholder="Enter your Email" /><br />
      <input class="text1" type="text1" name="Phone" id="Phone" placeholder="Enter your Mobile Number" /><br />
     <textarea rows="6" cols="51" class="message" id="Address" name="Address" placeholder="Address">
</textarea>
      <br><br>
      <center><input type="submit" name="submit" value="REGISTER" id="popUpYes" /></center>
   </form>
</body>
</html>