欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

为TextBox装饰水印与(blur和focus)事件应用

程序员文章站 2024-03-04 15:40:59
某一时候,为文本框(textbox)装饰个水印。它有两种状态,一是blur和focus。因此,我们可以在javascript写两个事件: 复制代码 代码如下: ...
某一时候,为文本框(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>

演示
为TextBox装饰水印与(blur和focus)事件应用