MVC 프레임 워크의 WaterMark TextBox

Question

HTML 텍스트 상자에 워터 마크를 만들려면 어떻게해야합니까? 이것은 MVC3 웹 응용 프로그램입니다.

Answer 1

특히 MVC (이 스크립트는 어쨌든)가 아니지만 어쨌든 MVC 응용 프로그램에서 jQuery를 사용하고 있으므로 Watermark과 같은 JQuery 플러그인을 사용할 수 있습니다.

Answer 2

당신이 HTML5를 사용할 수있는 경우 새 자리 그것은 순수 HTML과 동등한의

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

속성을 시도 할 수 있습니다 : 당신이 당신의 텍스트 상자라도 좋습니다 I에 워터 마크를 표시 할 수 있습니다이 jQuery로

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

Answer 3

워터 마크 대신 이미지를 사용하고 있습니다. 워터 마크 텍스트의 이미지를 만들어야합니다.

$(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"); 
       } 
      }); 
}