You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

HTML中textarea不显示placeholder占位符而input输入框正常的问题求助

问题根因
  • <textarea>属于双标签,本身不支持value属性,它的默认内容只能写在开闭标签的中间位置,你代码中给textarea添加的value=''属于无效属性,不会产生任何作用。
  • 导致placeholder不显示的核心原因是:你的<textarea>开闭标签之间存在换行和空白字符,这部分内容会被识别为文本域的默认值,而placeholder仅在输入域内容完全为空时才会展示,有默认内容的情况下自然不会显示占位符。
修复方案

删除textarea多余的value属性,同时把开闭标签之间的所有换行、空白字符都删掉,让两个标签紧挨着即可,修复后代码如下:

<div>
    <textarea id="paragraph" rows="5" cols="35" placeholder="Enter the paragraph here..."></textarea>
</div>
<div>
    <input type="text" id="word" placeholder="Enter the keyword here..." value="">
</div>

内容的提问来源于stack exchange,提问作者culldog88

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.06 00:57:02