html里输入框和密码框的提示文字怎么弄

html里输入框和密码框的提示文字怎么弄,第1张

<script type="text/javascript">

 $(document).ready(function(){

   $("#focus .input_txt").each(function(){

     var thisVal=$(this).val()

     //判断文本框的值是否为空,有值的情况就隐藏提示语,没有值就显示

     if(thisVal!=""){

       $(this).siblings("span").hide()

      }else{

       $(this).siblings("span").show()

      }

     //聚焦型输入框验证 

     $(this).focus(function(){

       $(this).siblings("span").hide()

      }).blur(function(){

        var val=$(this).val()

        if(val!=""){

         $(this).siblings("span").hide()

        }else{

         $(this).siblings("span").show()

        } 

      })

    })

    $("#keydown .input_txt").each(function(){

     var thisVal=$(this).val()

     //判断文本框的值是否为空,有值的情况就隐藏提示语,没有值就显示

     if(thisVal!=""){

       $(this).siblings("span").hide()

      }else{

       $(this).siblings("span").show()

      }

      $(this).keyup(function(){

       var val=$(this).val()

       $(this).siblings("span").hide()

      }).blur(function(){

        var val=$(this).val()

        if(val!=""){

         $(this).siblings("span").hide()

        }else{

         $(this).siblings("span").show()

        }

       })

     }) 

  })

</script>

html5 可以直接用 placeholder="请输入员工号"

js的话 你需要多制作的一个标签,比如span,覆盖在输入框的上方 鼠标进入的时候显示这个span,离开的时候就隐藏,原理就是这样


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/7167750.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-02
下一篇2023-04-02

发表评论

登录后才能评论

评论列表(0条)

    保存