设计一个程序模块,需要利用JS插入一个文本域textarea标签,如下:
var myText='';
var htmlStr=`
<div>
<textarea id="editValue" placeholder="输入文字">
${myText}
</textarea>
</div>`
运行后,页面上并没有浅灰色的“输入文字”提示,且发现文本域中出现几个莫名的空格。
本以为是myText在JS中赋值造成的,但反复查找无果。
后修改上述段落如下:
var myText='';
var htmlStr=`
<div>
<textarea id="editValue" placeholder="输入文字">${myText}</textarea>
</div>`
一些正常!
结论:<textarea></textarea>只能写在同一行,换行写法会出现多余空格,同时placeholder失效。