2014-10-09 26 views
2

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

HTML

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

CSS

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

任何其他解决方案,工作既pdiv标签?

+3

像这个http://jsfiddle.net/victor_007/d3975/5/ – 2014-10-09 06:14:54

+2

的确...... placeholder只是一个属性......正如@VitorinoFernandes所建议的,只是用一个'data-attribute'替代。 – 2014-10-09 06:41:10

回答

0

你可以尝试的方法,这jquery的风格:

下面的脚本通过每个迭代的div,并设置每个DIV的特定div的占位符的文本。

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

Here你会发现

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 VAL与文本之间的差异

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

demo