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

ASP.NET

JavaScript ASP.NET PHP编程正则表达式 AJAX相关 ASP编程 JSP编程编程10000问 CSS/HTML Flex 脚本加解密 web2.0 XML/RSS 网页编辑器相关技巧安全相关网页播放器 Dart Vue.js

上一篇: Asp.net简单代码设置GridView自适... 下一篇:为密码文本框要求不可粘帖字符串...

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

发布时间：2022-04-16 发布网站：脚本宝典

脚本宝典收集整理的这篇文章主要介绍了为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> 

演示：