为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实现简单的文字水印
相关文章
一文轻松了解ASP.NET与ASP.NET Core多环境配置对比
ASP.NET Core支持在多个环境中管理应用程序,如开发(Development),预演(Staging)和生产(Production),下面这篇文章主要给大家介绍了关于ASP.NET与ASP.NET Core多环境配置对比 的相关资料,需要的朋友可以参考下2022-04-04
在一个ASP.NET应用程序中有许多保留文件夹2009-04-04
ASP.NET向Javascript传递变量两种实现方法，需要的朋友可以参考下2012-12-12
ASP.Net全局变量的设置和读取方法...2006-12-12
.NET 6 跨服务器联表查询操作MySql、Oracle、SqlServer等相互联表
这篇文章主要介绍了.NET 6 跨服务器联表查询, MySql、Oracle、SqlServer等相互联表,在这里给大家普及下什么是多库架构ORM就是说一个对象可以同时操作和管理多个数据库 我们称为多库架构，本文结合实例代码给大家介绍的非常详细，需要的朋友可以参考下2022-10-10
ListBox的添加移除操作在开发过程中经常会遇到过，接下来本文也实现一个，思路很清晰，感兴趣的朋友可以参考下，希望可以帮助到你2013-04-04
本文详细讲解了.NET中字符串比较的最佳用法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-02-02
微软发布的Data Access Application Block的使用代码
微软发布的Data Access Application Block的使用代码...2007-04-04
需要在要目录下新建两个目录:upfile和upimg 添加一个FileUpload控件.一个Button.一个Image.一个Label2008-12-12
Repeater控件动态变更列(Header,Item和Foot)信息实现思路
需求开发一个小报表，显示最近五个月的summary的数量统计，报表会随月份的变化而变化，接下来为大家详细介绍下实现方法，感兴趣的各位不要错过了哈2013-03-03
最新评论