2014-02-25 66 views

回答

2

我有一种说法,

的电子邮件输入字段和css水印类。

<style type="text/css"> 
    input.watermark { color: #999; } //light silver color 
</style> 

<label>Email : </lable> 
<input id="email" type="text" /> 

jQuery的应用在电子邮件领域的水印效果。

$(document).ready(function() { 

    var watermark = 'Puts your email address'; 

    //init, set watermark text and class 
    $('#email').val(watermark).addClass('watermark'); 

    //if blur and no value inside, set watermark text and class again. 
    $('#email').blur(function(){ 
     if ($(this).val().length == 0){ 
      $(this).val(watermark).addClass('watermark'); 
     } 
    }); 

    //if focus and text is watermrk, set it to empty and remove the watermark class 
    $('#email').focus(function(){ 
     if ($(this).val() == watermark){ 
      $(this).val('').removeClass('watermark'); 
     } 
    }); 
}); 
5

尝试使用属性 “占位符”。下面是它应该如何看起来像剃刀:

@Html.TextBox("Name", "Value", new { placeholder = "Enter name" }) 
+0

我已经试过这样的,但得到Html.textbox价值这样的“{占位符=输入名称}” – Sajith

+0

你需要指定的值,如果你想添加HTML属性 - http://msdn.microsoft。 com/en-us/library/system.web.mvc.html.inputextensions.textbox(v = vs.118).aspx – Krahu

+0

你能否举个例子我会很感激你 – Sajith

1
@Html.TextBox("Name", @Model.Name /*Value or NULL*/, new { placeholder = "PLACEHOLDER TEXT" })