HTML textarea 莫名其妙出现几个空格的原因

设计一个程序模块,需要利用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失效。

 

posted @ 2020-12-01 08:46  nxmxl  阅读(533)  评论(0编辑  收藏  举报