为TextBox装饰水印与(blur和focus)事件应用
更新时间：2013年01月16日 10:31:25 作者：
为了界面的美观，有些时候可能需要为文本框(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>
演示：
您可能感兴趣的文章:
- ASP wsImage组件添加水印的实用代码
- ASP组件AspJpeg(加水印)生成缩略图等使用方法
- javascript 文本框水印/占位符(watermark/placeholder)实现方法
- ASP.NET 图片加水印防盗链实现代码
- asp.net文件上传功能(单文件，多文件,自定义生成缩略图,水印)
- asp.net中上传图片文件实现防伪图片水印并写入数据库
- asp.net下用Aspose.Words for .NET动态生成word文档中的图片或水印的方法
- asp.net 添加水印的代码(已测试)
- Asp.net 文件上传类(取得文件后缀名,保存文件,加入文字水印)
- asp.net下GDI＋的一些常用应用（水印，文字，圆角处理）技巧
- 用ASP.NET实现简单的文字水印
相关文章
Visual Studio 2019 使用 Live Share的教程图解
Visual Studio 2019 在今天发布（北京时间）了，这次带来了一个比较有趣的 Live Share 功能，使用它可以进行更好的协作开发。这篇文章主要介绍了Visual Studio 2019 使用 Live Share的教程,需要的朋友可以参考下2019-04-04
Request对象主要用于获取来自客户端的数据，如用户填入表单的数据、保存在客户端的Cookie等,本文将围绕Request对象,讲解其的主要作用:读取窗体变量、读取查询字符串变量、取得Web服务器端的系统信息。取得客户端浏览器信息等等，感兴趣的朋友可以了解下2013-02-02
详解ASP.NET Core部署项目到Ubuntu Server
这篇文章主要介绍了详解ASP.NET Core部署项目到Ubuntu Server ，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
这篇文章主要为大家详细介绍了.NET Core Windows环境安装配置教程，感兴趣的小伙伴们可以参考一下2016-07-07
本文要介绍的是ASP.NET怎样读写文本文件，但更重要的是实现的过程。使用的工具是Visual Studio 2015 ，.NET版本是4.6.1 。一共建立的2个项目，HoverTreePanel和HoverTreeWeb，都是ASP.NET项目。文章末尾附源码下载。下面跟着小编一起来看下吧2017-01-01
某个aspx页面突然死了连日志也没有，朋友提醒event viewer里看看，果然错误在那里，有此情况的朋友可以参考下2013-08-08
搞了很长时间了，如何在listview button上添加事件监听，一直是网友们比较在意的，本文将为您解答此疑惑，需要了解的朋友可以参考下2012-12-12
相信熟悉Microsoft提供的AJAXControlToolKit的朋友已经感觉到它的强大了。但是如果我们需要其它一些控件,或者是我们碰到一些很好的javascript然后需要把它们整合到ajaxcontroltoolkit中,如何来做。？？？2009-08-08
这篇文章主要介绍了解决ASP.NET MVC 重命名（命名空间）而导致错误的方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2015-11-11
asp.net sqlconnection con.close和con.dispose区别
con.close是用来关闭和数据库的连接,相对于open2008-12-12
最新评论