如何为html中div标签添加placeholder属性呢?


摘要:
下文讲述使用css为div元素添加placeholder属性的方法分享,如下所示;

我们都知道placeholder属性在html5中主要为Input标签添加提示信息,方便填写人知道此控件中该填写何种信息,那么我们该如何为div标签添加相应的提示信息呢?
下文将一一道来,如下所示:

实现思路:
    使用css伪类:after,借助content将placeholder中的属性值放入标签中,如下例所示:
 <meta charset='utf-8' />
<p>
 maomao365.com<br />
 为div标签添加提示信息
</p>
<hr />

<style>
.divTest{
    width:200px;
    height:30px; 
}
.divTest:empty:after{
    content: attr(placeholder);
    color:darkgray;
}
</style>
 
<div class='divTest' 
  placeholder='我是div标签上的PlaceHolder信息'
 ></div>
css技巧为div添加placeholder提示信息的方法分享

css技巧为div添加placeholder提示信息的方法分享