Question

我已经创建了一个新页面来简化工作流程，但是为了方便用户友好性和低进入门槛，我试图将我正在做的事情仅限于单个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>

我错过了什么吗？

Answer 1

这是一个IE浏览器问题，请检查：

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

我检查过Chrome，Firefox和Opera，效果很好。只有IE。

Answer 2

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

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

有没有办法阻止textarea占位符作为值跨越？

2 个答案: