【问题标题】:Placeholder text doesn't display in textarea占位符文本不显示在 textarea 中
【发布时间】:2018-10-30 01:53:40
【问题描述】:

我只是在处理一个表单,但在文本区域内没有显示占位符时遇到了一些问题。 如果我两次退格,它会出现。在浏览此网站后尝试了许多不同的建议,但仍未能解决问题。发生在所有浏览器中。

<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> 

【问题讨论】:

    标签: textarea placeholder


    【解决方案1】:

    尽管 CSS align-top 不完整,但上面的行本身就可以很好地工作。 问题在于您的自定义类名之一。请一次删除一个以隔离问题。

    更新: 在使用@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>
    

    【讨论】:

    • 感谢您的评论。但是,我已经尝试过消除类名的过程,但这并不能帮助我隔离问题。
    • 我已经对其进行了测试并且可以正常工作,因此问题不在您上面粘贴的代码中。它很可能是其他一些 CSS 样式。看到这个 jsfiddle jsfiddle.net/Lypoamje
    • 能否也检查一下文本区域标签中是否有空格字符? required>[这里可能的字符] 也许只是删除并重新输入这部分。我怀疑这是因为您说按退格键会导致占位符出现。
    • 哦,我能说的是空格。谢谢,非常感谢
    • 很高兴它成功了。我已经更新了答案,因此您可以将其标记为已接受,以便其他有相同问题的人受益。
    猜你喜欢
    • 2022-10-16
    • 2014-09-15
    • 2015-07-19
    • 1970-01-01
    • 2015-06-27
    • 2012-07-12
    • 2014-09-22
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多