为TextBox装饰水印与(blur和focus)事件应用
红鹦鹉图片社,朋友妻别客气,大众卡
某一时候,为文本框(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>
在textbox应用这两个javascript事件:
<asp:textbox id="textbox1" runat="server" text="输入名称"
forecolor="gray" onblur="watermarkonblur(this);"
onfocus="watermartonfocus(this);">
</asp:textbox>
演示:
如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!!
点击进行留言回复
网友评论