奇怪的行为：占位符没有出现在textarea上

Question

我想制作一个“评论插件”，所以我开始使用标记和一些样式。

在我添加textarea元素

之前，一切都很好

该元素的HTML代码是：

<textarea rows="7" cols="37" placeholder="Ingrese su comentario">
</textarea>

但是发生了一些奇怪的事情，因为当我加载页面时，textarea中会出现一个默认文本。

1. Q1：您认为发生了什么？
2. Q2：如何解决？

这是DEMO

谢谢， 莱昂纳多

PS：如果有效，我使用Chrome 27.0.1453.116版本。

Answer 1

从标记中删除textarea中的换行符。任何空格，html格式都会导致在textarea开始和结束标记之间包含空格，换行符等，并且它们被视为文本，因此占位符不会出现在textarea中，因为它在技术上不是空的。

改变这个：

 <textarea rows="7" cols="37" placeholder="Ingrese su comentario">
  </textarea>

到：

<textarea rows="7" cols="37" placeholder="Ingrese su comentario"></textarea>

Fiddle

只需给你的textarea一个padding-left以与其他输入框保持一致

textarea
{
   padding-left:10px;
}

Answer 2

也许是Chrome自动填充，希望帮助您填写表单。为textarea选择Id或名称是唯一的，应该会有所帮助。