Есть ли способ предотвратить пересечение текстового поля как значение?

Question

Я создал новую страницу, чтобы упростить процесс на работе, но чтобы облегчить удобство для пользователя и низкий уровень входа, я пытаюсь сохранить то, что я делаю, ограниченный одним html-файлом. Тем не менее, подход, который я иду требует, чтобы создать яваскрипт ВСПЛЫВАЮЩЕГО используя часть самой страницы, что я заблокирован с помощью

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

и

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

Этой часть содержит форма, и все работает отлично, за исключением того, что всплывающее слово переводит строку-заполнитель в значение, помещая его между тегами.

Это мой Pop-Up сценарий:

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

Я придумал странное обходное решение, но я надеюсь, что кто-то может придумать что-то лучшее. Я добавил строку кода jQuery, которая выполняет onLoad, которая заменяет всю строку тем, что я хочу. Не самое большое, но я могу это исправить.

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