asp.net - ASP.NETMVCの透かしテキストボックス

Question

ASP.NET MVCで透かしテキストボックスコントロールを実装する最も簡単な方法は、インターネット上にそのようなコントロールがありますか（コードプレックスかもしれません）。HtmlHelperを拡張し、jquery透かしテキストボックスの実装を使用して作成するのは非常に簡単だと思います。

Answer 1

次のようなJqueryプラグインを使用できます。

透かしプラグイン

提供されているサンプルがあり、簡単に使用できます。

Answer 2

ここで私の答えを確認してください

このjqueryを使用すると、テキストボックスに透かしを表示できます。ここでは、透かしの代わりに画像を使用しています。透かしテキストの画像を作成する必要があります。

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

Answer 3

私はこれを使用します： http： //digitalbush.com/projects/watermark-input-plugin/

Answer 4

ここで私のMvcControlsツールキットのTypedTextBoxを使用します：http：//mvccontrolstoolkit.codeplex.com/wikipage？title = TypedTextBox

Answer 5

ClearField jQueryプラグインを使用してお勧めします：http： //labs.thesedays.com/projects/jquery/clearfield/

ここに示すように、使用は非常に簡単です（上のリンクからコピーして貼り付けます）：

これをHTMLページのヘッダーに入れます。

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.clearfield.js"></script>

この関数をページのどこかに追加します。

$(document).ready(function() {
    $('.clearField').clearField();
});

入力フィールドは次のようになります。

<input type="text" class="clearField" value="What's your name?" /> 

ASP.NET（MVCではない）で使用している場合は、次のようなASPコントロールを使用している可能性があります。

<asp:TextBox ID="Search" runat="server" CssClass="clearField">Search Something</asp:TextBox>

「この関数をページのどこかに追加する」と書かれている部分については、次のようなスクリプトタグ内にあることを確認する必要があります。

<script type="text/javascript">
    $(document).ready(function () {
        $('.clearField').clearField();
    });
</script>

Answer 6

おそらく、AJAX ControlTookkitWatermarkコントロールを使用できます。