input 水印

水印

HTML

<input id="txtname" type="text" runat="server" value="用户姓名" onblur="water(this)" onfocus="waterfocus(this)" />

水印js

var text = "用户姓名";//text水印
function water(textbox) {
    if (textbox.value.length == 0) {
        textbox.style.color = "gray";
        textbox.value = text;
    }
}

function waterfocus(textbox) {
    if (textbox.value == text) {
        textbox.style.color = "black";
        textbox.value = "";
    }
}

获得焦点

失去焦点