javascript - 使用 onfocus 和 onblur 从 ASP 文本框中删除默认文本

Question

我尝试过这样做，但似乎不起作用。下面是我的代码。当文本框获得焦点时，颜色变为黄色，但保留默认文本。如果我清除文本并失去焦点，则文本框会以灰色文本显示“未定义”。最终我希望默认文本为灰色，焦点上的输入文本为黑色。另外，我想在聚焦时更改文本框的背景颜色。任何建议将不胜感激。

HTML

<asp:TextBox ID="TextBox1" runat="server" value="Enter Last Name" onfocus="gotFocus(this)" onblur="lostFocus(this)" Width="175px" CssClass="textbox1"></asp:TextBox>

CSS

.textbox1 {
            color:gray;
        }

Javascript

function gotFocus(obj)
{
    if (obj.value == obj.defaultvalue)
        obj.value = "";

    obj.style.color = "black";
    obj.style.backgroundColor = "yellow";
}

function lostFocus(obj)
{
    if (obj.value == "")
    {
        obj.value = obj.defaultvalue;
        obj.style.color = "gray";
    }

    obj.style.backgroundColor = "transparent";
}

Answer 1

很简单的家伙:

<asp:TextBox ID="TextBox1" runat="server" AutoPostBack="True" placeholder="default value"  Width="175px"></asp:TextBox>