占位符文本不显示在文本区域中

Question

我正在处理一个表单，遇到一些问题，占位符没有显示在文本区域内。如果我退格两次，它就会出现。浏览该网站后尝试了很多不同的建议，但仍无法解决问题。在所有浏览器中都会发生。

<div class="form-group">
  <label>Description:</label>
  <textarea placeholder= "Describe yourself" style="height:200px; 
  width:300px; font-size:12pt; align-top: "name= "profile_description" 
  class="form-control" required></textarea>                   
</div>

Answer 1

尽管 CSS align-top 不完整，但以上几行单独运行良好。问题出在您的自定义 class 名称之一。请一次一个地删除它们以隔离问题。

更新：在使用@ljean 进一步排除故障时，我们发现 textarea 标记中存在导致此行为的空格。

更新：所以这里是删除了导致问题的空格的代码。

<div>
<b class="text-white" style="float:right">Already a member? <a 
href="../login/index.html" class="text-white" style="text- 
decoration:underline;">Sign in</b></a>
<br>
</div>

占位符文本不显示在文本区域中

Placeholder text doesn't display in textarea

textarea

placeholder