textare 不显示placeholder的问题

一个小失误找了半天，现在记录下来，希望能帮助大家，先上代码

<textarea class="form-control diff-textarea" placeholder="输入会员卡使用特权"  id="description" rows="6">
</textarea>

上面是一个普通的textarea。

现象是第一次打开页面时，无论怎么都不显示placeholder。感觉textare中有东西占了位置。看下面的截图

把这行东西删掉之后 placeholder就出现了。而且第二次以后打开页面就都正常了。

找了很久，发现是因为<textarea>与</textarea>换行造成的！！！

太坑了

解决方法<textarea></textarea> 之间不能换行，不能有空格！！！！