c#鼠标点击TextBox控件后清空默认字体-完美解决方案

最新推荐文章于 2025-05-20 13:50:37 发布

转载最新推荐文章于 2025-05-20 13:50:37 发布 · 195 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/sunzhouyi/archive/2010/08/11/1797066.html

文章标签：

#c# #javascript #ui #ViewUI

本文介绍两种在ASP.NET中实现文本框默认提示的方法。一种是通过JavaScript脚本，另一种是在后台代码中设置属性实现。这两种方法都能在文本框获得焦点和失去焦点时显示或隐藏默认提示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方案（一）

脚本：

        }
        //离开输入框时触发事件
        function onblurFun(element, elementValue) {

            if (element.value == '') {
                element.style.color = "#808080";
                element.value = elementValue;
            }

}
</script>

调用示例：

--------------------------------------------------------------------------------------------------------------------------------------------

方案（二）

[ 方法一]

前台代码：

后台代码：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        //用户输入
        txtName.Attributes.Add("Value", "请输入用户名");
        txtName.Attributes.Add("OnFocus", "if(this.value=='请输入用户名') {this.value=''}");
        txtName.Attributes.Add("OnBlur", "if(this.value==''){this.value='请输入用户名'}");
        //密码输入
        txtPwd.Attributes.Add("Value", "请输入密码");
        txtPwd.Attributes.Add("OnFocus", "if(this.value=='请输入密码'){this.value=''}");
        txtPwd.Attributes.Add("OnBlur", "if(this.value==''){this.value='请输入密码'}");

        //
        if (!IsPostBack)
        {
            //内容
        }
    }
}

[ 方法二]

前台文本框里添加下面2个事件属性：

OnFocus="javascript:if(this.value=='提示文字') {this.value=''}"

OnBlur="javascript:if(this.value=='') {this.value='提示文字'}"

-----------------------------------例-----------------------------------------

<asp:TextBox ID="txtName" runat="server" Text="请输入用户名"

OnFocus="javascript:if(this.value=='请输入用户名') {this.value=''}"

OnBlur="javascript:if(this.value==''){this.value='请输入用户名'}">

</asp:TextBox>

<asp:TextBox ID="txtPwd" runat="server" Text="请输入密码"

OnFocus="javascript:if(this.value=='请输入密码') {this.value=''}"