为TextBox装饰水印与(blur和focus)事件应用
程序员文章站
2024-03-05 19:50:19
某一时候,为文本框(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>
演示:
复制代码 代码如下:
<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>
演示:
上一篇: java实现单链表之逆序