Question

我正在使用mvc4框架我需要水印@Html.TextBox("Name")。这该怎么做。你能放一下最新的方法吗？

Answer 1

尝试使用属性“占位符”。这是它在剃刀中的样子：

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

Answer 2

给这个jQuery插件一个：

http://plugins.jquery.com/watermark/

Answer 3

我有另一种方式，

电子邮件输入字段和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');
        }
    });
});

Answer 4

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

ASP.NET MVC4中的水印Html.TextBox

4 个答案: