当前位置:编程学习 > C#/ASP.NET >>

c#鼠标点击TextBox控件后清空默认字体

方案(一)

脚本:

<script type="text/javascript" language="javascript">
        //得到焦点时触发事件
        function onFocusFun(element, elementValue) {
            if (element.value == elementValue) {
                element.value = "";
                element.style.color = "";
            }

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

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

        }
</script>

 

调用示例:

<tr align="center">
                  <td style="background-image:url(bg03.gif);background-position:center;background-repeat:no-repeat;height:69px">
                     <span style="color: #000000; font-family: 黑体;"><strong>用户名:</strong></span><asp:textbox id="UserName" Text="请输入用户名" runat="server" Width="100px" Height="20px" ForeColor="#808080"
                                            OnFocus="onFocusFun(this,请输入用户名)"
                                            OnBlur="onblurFun(this,请输入用户名)"></asp:textbox>             
                     <br />
                     <span style="color: #000000; font-family: 黑体;"><strong>密  码:</strong></span><asp:textbox id="UserPass" runat="server" Width="100px" TextMode="Password" Height="20px"></asp:textbox>             
                  </td>
              </tr>

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

方案(二)

[ 方法一]

前台代码:

<div>
    <asp:TextBox ID="txtName" runat="server"></asp:TextBox>
    <asp:TextBox ID="txtPwd" runat="server"></asp:TextBox>
    <asp:Button ID="btnLongin" runat="server" Text="提交" />
</div>

后台代码:

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=}"

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

</asp:TextBox>

    
补充:软件开发 , C# ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,