可以使用.attr()函数。
示例如下：

$("input").each(function(){
    $(this).attr("value", $(this).val());
});

字符串
在此之后，您可以执行：

$("body").html();

型
这应该能行

$('[type=text], textarea').each(function(){ this.defaultValue = this.value; });
$('[type=checkbox], [type=radio]').each(function(){ this.defaultChecked = this.checked; });
$('select option').each(function(){ this.defaultSelected = this.selected; });

字符串
然后

$("body").html()

型

$('input').each(function(){
  $(this).attr('data-value-input', $(this).val());
});

字符串
然后你就可以得到你的html

var bodyHtml = $('body').html().toString().replace('data-value-input', 'value');

型
就是这样

有一种最简单的方法，就是在输入端使用live函数。

$(document).ready(function() {

 var checker = false;
    $("input").live("change", function() {
        checker = (this.defaultValue !== this.value);
        if (checker)
            this.defaultValue = this.value;
    });
});

字符串

长路：

$("input").each(function(){
    $(this).attr("value", $(this).val());
  });
  $("textarea").each(function(){
    $(this).text($(this).val());
  });
  $("input:checked").each(function(){
    $(this).attr("checked", true);
  });
  $("input:not(:checked)").each(function(){
    $(this).removeAttr("checked");
  });
  $("select option[selected]").each(function(i, el){
    $(el).removeAttr("selected");
  });
  $("select option:selected").each(function(i, el){
    $(el).attr("selected", true);
  });

字符串