Zone de texte WaterMark dans MVC Framework

Question

Comment puis-je créer un filigrane sur une zone de texte HTML? Ceci est une application web MVC3.

Answer 1

Pas spécifiquement pour MVC (c'est un script de toute façon), mais puisque vous utilisez probablement jQuery dans votre application MVC de toute façon, vous pouvez utiliser un plugin JQuery, comme Watermark.

Answer 2

Si vous pouvez utiliser HTML5, vous pouvez essayer le nouvel espace réservé attribut

@Html.TextBoxFor(x => x.Field, new { placeholder = "Watermark here" }) 

Il est équivalent HTML pur:

<input type="text" name="Field" id="Field" placeholder="Watermark here" /> 

Answer 3

Avec cette jquery vous pouvez afficher filigrane sur votre zone de texte .Ici I J'utilise une image à la place du filigrane. Vous devez créer une image du texte du filigrane.

$(document).ready(function() { 

      /*Watermark for date fields*/ 

      if ($("#dob").val() == "") { 
       $("#dob").css("background", "#ebebeb url('/Content/images/DateWaterMark.png') no-repeat 1px 0px"); 
      } 

      $("#dob").focus(function() { 
       if (watermark == 'MM/DD/YYYY') { 
        $("#dob").css("background-image", "none"); 
        $("#dob").css("background-color", "#fff"); 
       } 
      }).blur(function() { 
       if (this.value == "") { 
        $("#dob").css("background", "#ebebeb url('/Content/images/DateWaterMark.png') no-repeat 1px 0px"); 
       } 
      }); 

      $("#dob").change(function() { 
       if (this.value.length > 0) { 
        $("#dob").css("background", "#fff"); 
       } 
      }); 
}