有什么方法可以防止 textarea 占位符作为值交叉？答案

【问题标题】：Is there any way to prevent a textarea placeholder from crossing over as a value?有什么方法可以防止 textarea 占位符作为值交叉？
【发布时间】：2017-06-02 04:40:36
【问题描述】：

我创建了一个新页面来简化工作流程，但为了便于用户友好和降低进入门槛，我试图将我正在做的事情限制在一个 单个 html 文件中。但是，我要采用的方法要求我使用已使用

屏蔽的页面本身的一部分创建一个 javascript 弹出窗口

<div id="head"></div>

和

<div id="body"></div>

这部分包含一个表单，一切正常，除了弹出窗口通过将占位符字符串放在标签之间将其转换为值。

这是我的弹出式脚本：

function openwindow(url){
  var newHead = $("#head").html();
  var newBody = $("#body").html();
  NewWindow=window.open( url,'PopUp','resizable=no');
  NewWindow.document.write(newHead+newBody);
  NewWindow.focus(); };

这是 newbody (#body) 变量的一部分

      <input id="cause" type="text" class="input" placeholder="Description">
      <br><br>
      <textarea id="desc" type="text" placeholder="Supplemental"></textarea>

..但这是我在弹出窗口中得到的：

      <input class="input" id="cause" type="text" placeholder="Description">
      <br><br>
      <textarea id="desc" placeholder="Supplemental" type="text">Supplemental</textarea>

我错过了什么吗？

【问题讨论】：

标签： javascript jquery textarea placeholder

【解决方案1】：

IE浏览器问题，检查：

https://connect.microsoft.com/IE/feedback/details/811408

我检查了 Chrome、Firefox 和 Opera 并且工作正常。只有 IE。

【讨论】：

对不起，我应该提到 #head 和 #body 指的是
和
标签这会阻止用于弹出窗口的代码。我已经编辑了原始帖子以反映这一点。
很遗憾，办公室里的每个人都使用 IE。哇！不过，这是一个很棒的发现。我很高兴知道这不仅仅是我的编码。非常感谢！

【解决方案2】：

我想出了一个奇怪的解决方法，但我希望有人能想出更好的方法。我添加了一行执行 onLoad 的 jQuery 代码，它将整行替换为我想要的。不是最好的，但我想它是有用的。

$('#replace').html('<textarea id="desc" type="text" placeholder="Supplemental"></textarea>');

【讨论】：