只读视图的可编辑形式，值为纯文本

Question

如何通过调用函数将表单转换为只读视图？我不想在禁用的输入字段中显示值，而是以纯文本形式显示。 我正在使用javascript来实现它。

Answer 1

字段不必被禁用，也可能只是readonly，你只需要遍历所有输入字段，应用readonly属性，也许某些css类会使它们看起来更像纯文本而不是输入字段。

var inputs = document.querySelectorAll('input[type=text]'), i;
for (i = 0; i < inputs.length; ++i) {
  inputs[i].classList.add('input-readonly');
  inputs[i].setAttribute('readonly', true);
}

概念证明： https://jsfiddle.net/4rkn5qda/

PS：你还必须考虑其他类型的领域。

Answer 2

使用jQuery尝试：

var myform = $('.myform')
myform.find('input').each(function() {
    var currentEl = $(this),
        currentVal = $(this).val();
    myform.after(currentVal + '<br>');
});
myform.hide();