filigrane sur la boîte d'entrée ne fonctionne pas

Question

je le code suivant pour mettre un filigrane, il se trouve à

mais la zone de texte en bas à droite ne montre pas le masque

<script language="javascript"> 
$(document).ready(function() { 
    $(":input[data-watermark]").each(function() { 
     $(this).val($(this).attr("data-watermark")); 
     $(this).bind('focus', function() { 
      if ($(this).val() == $(this).attr("data-watermark")) $(this).val(''); 
     }); 
     $(this).bind('blur', function() { 
      if ($(this).val() == '') $(this).val($(this).attr("data-watermark")); 
      $(this).css('color','#a8a8a8'); 
     }); 
    }); 
}); 
</script> 
<form onsubmit="setTimeout(function() {location.replace('./emails');},100)" name="ccoptin" action="http://visitor.r20.constantcontact.com/d.jsp" target="_blank" method="post"> 
    <div class="form-subscribe"> 
     <!--<div class="newsletter-lable"><label for="newsletter">Newsletter Sign-up:</label></div>--> 
     <div class="input-box"> 
      <input type="text" name="ea" title="Sign up for our newsletter" class="input-text required-entry validate-email" data-watermark="Type your email and subscribe"/> 

Answer 1

Vous êtes en utilisant les fonctions jQuery comme $ (et ready sur son résultat) bien que vous n'ayez pas inclus jQuery. Cela donne l'erreur (voir dans votre console de navigateur avec F12):

Uncaught TypeError: Object #<HTMLDocument> has no method 'ready' 

Inclure jQuery avec un élément <script> avant votre code JavaScript, comme ceci:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"> 
</script> 

Vous pouvez également utiliser prototype (que vous incluez déjà) equivalent of document.ready.