jQuery动态修改输入框的值和placeholder

最新推荐文章于 2024-03-11 23:53:01 发布

FadeFarAway

最新推荐文章于 2024-03-11 23:53:01 发布

阅读量3w

点赞数 3

分类专栏： javaWeb 文章标签： jquery placeholde 输入框

本文链接：https://blog.csdn.net/FadeFarAway/article/details/60883109

版权

javaWeb 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

首先是动态修改数据框的值：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>XXX</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script language="JavaScript" src="../js/jquery-1.4.2.js"></script>
    <style type="text/css">
            div,span{
                width: 140px;
                height: 140px;
                margin: 20px;
                background: #9999CC;
                border: #000 1px solid;
                float:left;
                font-size: 17px;
                font-family:Roman;
            }

            div.mini{
                width: 30px;
                height: 30px;
                background: #CC66FF;
                border: #000 1px solid;
                font-size: 12px;
                font-family:Roman;
            }
     </style>
     <!--引入jquery的js库-->
    </head>
    <body>
         <input type="text" value="用户邮箱/手机号/用户名"  id="b1"/><br>
         <input type="password" value=""  id="b2"/><br>
         <input type="button" value="登陆"  id="b3"/>

         <br>   
    </body>
<script language="JavaScript">
    $("#b1").focus(function(){
        if($(this).val()==this.defaultValue){
            $(this).val("");
        }
    });

    $("#b1").blur(function(){
        if($(this).val()==""){
            $(this).val(this.defaultValue);
        }
    });

</script>

</html>

　　
　　
　　
再来是是动态修改placeholder的值：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>XXX</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script language="JavaScript" src="../js/jquery-1.4.2.js"></script>
    <style type="text/css">
            div,span{
                width: 140px;
                height: 140px;
                margin: 20px;
                background: #9999CC;
                border: #000 1px solid;
                float:left;
                font-size: 17px;
                font-family:Roman;
            }

            div.mini{
                width: 30px;
                height: 30px;
                background: #CC66FF;
                border: #000 1px solid;
                font-size: 12px;
                font-family:Roman;
            }
     </style>
     <!--引入jquery的js库-->
    </head>
    <body>
         <input type="text" placeholder="用户邮箱/手机号/用户名"  id="b1"/><br>
         <input type="password" value=""  id="b2"/><br>
         <input type="button" value="登陆"  id="b3"/>

         <br>   
    </body>
<script language="JavaScript">
    $("#b1").focus(function(){
            $(this).attr('placeholder',"");
    });

    $("#b1").blur(function(){
        if($(this).val()==""){
         $(this).attr('placeholder','${sessionScope.xxxxxxx}');
        }
    });

</script>

</html>

FadeFarAway

关注

3
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jQuery动态修改输入框的值和placeholder

首先是动态修改数据框的值：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>XXX</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script l
复制链接

扫一扫