在所有标签上应用占位符?

时间:2014-10-09 05:55:37

标签: jquery html css

我不想在<input>标记上应用占位符。我想申请divp代码,或者可能是其他代码。 div的一个解决方案如下。

HTML

  <div id="test" placeholder="Start writing here..."></div>

CSS

 #test:empty:after {
     content: attr(placeholder);
  }

适用于pdiv标记的任何其他解决方案

1 个答案:

答案 0 :(得分:0)

您可以尝试这种jquery方式:

脚本下面的

遍历每个div并将每个div的文本设置为特定div的占位符。

您可以使用任何标记代替div。 如果你想要“P”标签,只需用$(“p”)替换$(“div”)。 一个例外是你可以使用块元素的文本和输入元素的val。

Here你会发现val和文本之间的区别

HTML

  <div id="test" placeholder="Start writing here..."></div>
  <div id="test1" placeholder="Start writing here...1"></div>
  <div id="test2" placeholder="Start writing here...2"></div>

JS

$("div").each(function(index,value){
   $(this).text($(this).attr('placeholder'));
});

demo