• 文本框获取和失去焦点默认值问题


    1. HTML控件<input id="txtName" type="text" value="默认值" />

    <script src="script/jquery-1.7.1.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(function () {
                $("#txtName").focus(function () {
                    if ($(this).val() == "默认值") {
                        $(this).val("");
                    }
                }).blur(function () {
                    if ($(this).val() == "") {
                        $(this).val("默认值");
                    }
                })
            });
        </script>

    2.服务器控件.<asp:TextBox> 直接写在客户端上:

        <asp:TextBox ID="txtName" runat="server" Text="默认值" OnFocus="javascript:if(this.value=='默认值') {this.value=''}"
          OnBlur="javascript:if(this.value==''){this.value='默认值'}">
      </asp:TextBox>


    3.服务器控件写到C#服务器端上:

    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    using System.Web.Script.Serialization;
    
    namespace Web
    {
        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='默认值'}");
            }
        }
    }

    总结. 单个文本框设置默认值时

  • 相关阅读:
    bootstrap 新手入门(一)【我是新手,请指正】
    zend studio 安装+汉化
    tp总结
    tp论坛 第三节 板块模板的建立和完善(二)
    tp论坛 分页(三)
    tp写一个微型论坛 (一)
    thinkphp第四节 模型与CURD
    thinkphp 第二节
    angular5中的自定义指令(属性指令)
    列表生成式和生成器生成式
  • 原文地址:https://www.cnblogs.com/gxmaspx/p/3238154.html
Copyright © 2020-2023  润新知