javascript - 如何更改 OnClick 上文本框的前景色？

Question

我有 2 个文本框，前景色有默认值:#999999。如果我单击文本框，默认值应清除，前景色应更改为黑色。我的意思是，就像水印一样。但我没有使用任何 Ajax。需要帮助...请...

Answer 1

您应该使用 onfocus 和 onblur 事件，而不是依赖点击事件。这样，键盘用户就可以通过 Tab 键浏览文档。

var myInput = document.getElementById("myInput");
myInput.onfocus = function () {
    if (this.value == "Default Input Value") {
        this.value = "";
        this.style.color = "#000";
    }
}
myInput.onblur = function () {
    if (this.value == "") {
        this.value = "Default Input Value";
        this.style.color = "#999";
    }
}

查看实际效果 here .