為TextBox裝飾水印

某一時候，為文本框(TextBox)裝飾個水印。它有兩種狀態，一是blur和focus。因此，我們可以在Javascript寫兩個事件：

<script type="text/javascript">
        var watermarkText = "輸入名稱";

        function WaterMarkOnBlur(textbox) {
            if (textbox.value.length == 0) {
                textbox.style.color = "gray";
                textbox.value = watermarkText;
            }            
        }

        function WaterMartOnfocus(textbox)
        {
            if (textbox.value == watermarkText) {
                textbox.style.color = "black";
                textbox.value = "";
            }
        }
    </script>

<asp:TextBox ID="TextBox1" runat="server" Text="輸入名稱"
2                 ForeColor="Gray" onblur="WaterMarkOnBlur(this);"
3                 onfocus="WaterMartOnfocus(this);">
4             </asp:TextBox>

演示：