html - 奇怪的行为：占位符没有出现在文本区域

Question

我想做一个“评论插件”，所以我从标记和一些样式开始。

一切都很好，直到我添加了textarea元素

该元素的 HTML 代码是：

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

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

这是一个演示

谢谢，莱昂纳多

PS：如果可行，我使用 Chrome 27.0.1453.116 版本。

score 4 · Accepted Answer

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

改变这个：

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

至：

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

并且只需让您的 textarea apadding-left与其他输入框保持一致

textarea
{
   padding-left:10px;
}

score 0 · Accepted Answer

也许它的 Chrome 自动填充，想帮助你填写表格。为 textarea 选择一个唯一的 ID 或名称应该会有所帮助。

2 回答 2