手机
当前位置:查字典教程网 >编程开发 >asp.net教程 >为TextBox装饰水印与(blur和focus)事件应用
为TextBox装饰水印与(blur和focus)事件应用
摘要:某一时候,为文本框(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>

演示:

1

【为TextBox装饰水印与(blur和focus)事件应用】相关文章:

ASP.NET动态加载用户控件的实现方法

高仿Windows Phone QQ登录界面实例代码

解决Visual Studio 2005 无法显示设计视图的方法

gridview 行选添加颜色和事件

asp.net文件上传示例

适用与firefox ASP.NET无刷新二级联动下拉列表

WebService出现"因 URL 意外地以 结束,请求格式无法识别"的解决方法

asp.net OleDbCommand 的用法

asp.net创建位图生成验证图片类

上传图片后使用数据库保存图片的示例分享

精品推荐
分类导航