div没有placeholder属性，只能讲placeholder当做一个自定义属性来看，并没有任何效果，代码如下：
$('div').attr('placeholder','text')<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表单</title>
<script src="jquery-1.8.0.min.js"></script><!--请引入jq库-->
<style type="text/css"></style>
<script>
$(function(){
var inp = $('#inp')
inp.focus(function(){
$(this).attr('placeholder','请输入企业名')
})
})
</script>
</head>
<body>
<input type="text" id="inp" placeholder="请输入用户名">
</body>
</html>
扩展资料
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>XXX</title>
<meta http-equiv="content-type" content="text/htmlcharset=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>
参考资料：jQuery官网 jQuery.html
首先我们先简单写个html页面，里面放一个input和一个textarea，简单设置一下基本样式，注意写上placeholder。
然后在浏览器中预览一下效果，会看到默认的placeholder颜色是灰色的。
再然后就是设置placeholder的字体颜色了，因为不同浏览器存在兼容性问题，这里主要设置webkit内核浏览器、火狐浏览器、IE浏览器三种，代码如下：
上面设置的placeholder的颜色为红色，然后切换到浏览器预览一下，效果就是红色的。以上代码是设置所有input和textarea的placeholder颜色的，如果想设置某一个或某一类的文本框或者输入框的placeholder颜色，只要在最前面加上其标签名或者是class名或者是id名就可以了。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）