为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实现简单的文字水印
相关文章
用javascript css实现GridView行背景色交替、鼠标划过行变色,点击行变色选中
前几天在博问里发现有人问关于 GridView点击行变色 的问题,突然想起很久很久以前,写过一篇文章 一个简单但常用的表格样式--鼠标划过行变色--简洁实现 ,是关于表格行颜色交替和鼠标指向时变色的,正好今天把那一篇补充和扩展一下2008-09-09asp.net core webapi 服务端配置跨域的实例
下面小编就为大家分享一篇asp.net core webapi 服务端配置跨域的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2017-12-12asp.net gridview中用checkbox全选的几种实现的区别
这几天为了改变客户端grid的全选效率问题,详细研究了ext中grid的全选和gridview中通过脚本实现的全选效率,总结一下,供大家参考,有错误的地方,希望大侠指正,小弟献丑了。2009-06-06ASP.NET State service状态服务的问题解决方法
每次重启机器以后,在.NET2005上跑Web程序老是遇到这样的问题2008-11-11
最新评论