input框内灰色提示性文本

最新推荐文章于 2025-04-24 17:46:29 发布

iteye_15315

最新推荐文章于 2025-04-24 17:46:29 发布

阅读量697

点赞数

分类专栏： js 文章标签： php

本文链接：https://blog.youkuaiyun.com/iteye_15315/article/details/82453206

版权

js 专栏收录该内容

15 篇文章

订阅专栏

/*-------------------------------------- html 代码 -----------------------------------*/


<input type="text" value="例如：丽江"   class="grayTips" />
<input type="text"   value="您的用户名"   class="input-style1 grayTips"/>

/*--------------------------------------- JQ 代码 ----------------------------------------*/


function inputTipText(){
$("input[class*=grayTips]") //所有样式名中含有grayTips的input
.each(function(){
   var oldVal=$(this).val();     //默认的提示性文本
   $(this)
   .css({"color":"#888"})     //灰色
   .focus(function(){
    if($(this).val()!=oldVal){$(this).css({"color":"#000"})}else{$(this).val("").css({"color":"#888"})}
   })
   .blur(function(){
    if($(this).val()==""){$(this).val(oldVal).css({"color":"#888"})}
   })
   .keydown(function(){$(this).css({"color":"#000"})})

})
}

$(function(){
inputTipText();    // OK，效果出来了
})