zoukankan      html  css  js  c++  java
  • js解决文本框的placeholder属性失效的问题

    曾经写页面的时候遇到过文本框的placeholder失效的问题,对js绝缘的我,果断求助欧巴帮忙,

    代码如下:

     1 <textarea class="information-input-2" id="myinput" ></textarea>
     2 <script language="JavaScript" type="text/javascript">
     3     $(function() {
     4         var t = $('#myinput');              //获取到文本框
     5         t.css("color","#A9A9A9");           //设置文本框默认的字体颜色
     6         t.val("请输入问卷概述、摘要");       //设置文本框默认显示的字体
     7         var default_value = t.val();
     8         t.focus(function() {                //文本框获取焦点是执行的函数
     9             t.css("color","black");         //设置字体颜色
    10             if (t.val() == default_value) {
    11                 t.val('');
    12             }
    13         });
    14         t.blur(function() {                 //文本框失去焦点时执行的函数
    15             t.css("color","black");
    16             if (t.val() == '') {            //如果文本框内为空的话
    17                 t.val(default_value);       //仍然显示默认值
    18                 t.css("color","#A9A9A9");
    19             }
    20         });
    21     });
    22 </script>
  • 相关阅读:
    Solved:Spring Junit Test NoSuchMethodError
    Stack实现
    CLRS10.2-8练习
    CLRS10.2-7练习
    CLRS10.2-4练习
    CLRS10.1-7练习
    CLRS10.1-6练习
    算法:吸血鬼数字算法
    CLRS最大子数组问题
    VS快捷键
  • 原文地址:https://www.cnblogs.com/lxgandlz/p/5088757.html
Copyright © 2011-2022 走看看