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
相关产品推荐
相关产品推荐

