ASP.NET TextBox 当鼠标点击后清空默认提示文字

来源:互联网 发布:电脑windows什么意思 编辑:程序博客网 时间:2024/05/16 13:57

方法一 aspx页面:

前台代码:

<div>
    <asp:TextBox ID="txtKeywords" runat="server"></asp:TextBox>
    <asp:Button ID="btn_Search" runat="server" Text="搜索" />
</div>

后台代码

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

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

方法二 html页面:

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

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

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

-----------------------------------例如-----------------------------------------

<asp:TextBox ID="txtKeywords" runat="server" Text="请输入名称"

OnFocus="javascript:if(this.value=='请输入名称') {this.value='';this.style.color='blue'}"

OnBlur="javascript:if(this.value==''){this.value='请输入名称';this.style.color='red'}" ForeColor="Gray" >

</asp:TextBox>



原创粉丝点击