Как получить форму html() через jQuery, включая <form></form> tag?

Question

Я хочу отобразить форму html в текстовое поле, которое позволяет пользователю редактировать элементы формы через пользовательский интерфейс. Вот моя форма,

<form name="myform" action="abc.php"> 
    <input type="radio" name="radio1" value="1" checked> 
    <input type="radio" name="radio2" value="2"><br><br> 
    <input type="text" name="input" value="My Name" /> 
</form> 

Я пробовал под кодом, но только элементы формы отображения (не включая тег формы).

<script> 
$(document).ready(function() 
{ 
    $('a').on('click', function() { 
     $("input,select,textarea").each(function() { 
      if($(this).is("[type='checkbox']") || $(this).is("[type='checkbox']")) { 
      $(this).attr("checked", $(this).attr("checked")); 
      } 
      else { 
       $(this).attr("value", $(this).val()); 
      } 
     }); 
     alert($('form').html()); 
    }); 
}); 
</script> 

Над кодом предупреждает выход, как показано ниже,

<input type="radio" name="radio1" value="1" checked> 
<input type="radio" name="radio2" value="2"><br><br> 
<input type="text" name="input" value="My Name" /> 

Но мне нужен выход, как показано ниже,

<form name="myform" action="abc.php"> 
    <input type="radio" name="radio1" value="1" checked> 
    <input type="radio" name="radio2" value="2"><br><br> 
    <input type="text" name="input" value="My Name" /> 
</form> 

Answer 1

Я надеюсь, что вы можете использовать эти функции для формы $("form").clone().appendTo("body"); еще использовать

<div id='formdiv1'> 
<form name="myform" action="abc.php"> 
<input type="radio" name="radio1" value="1" checked> 
<input type="radio" name="radio2" value="2"><br><br> 
<input type="text" name="input" value="My Name" /> 
</form> 
</div> 

alert($('#formdiv1').html());