使HTML输入字段显示为字段中的文本

Question

我有一个HTML表单,其中包含许多input字段,这些字段使用jQuery动态添加每个字段中的内容.

是否可以隐藏这些字段是输入字段并仅将其显示为字段中的内容这一事实？

我不想隐藏整个字段及其内容---只是隐藏它的输入类型字段这一事实.

我试过jQuery的hide()和$('#foo').css('display','none'),但隐藏整个领域.

这个想法是可能有大量字段,但我不希望用户看到所有输入文本字段.

Answer 1

从这样的事情开始:

input {
    border: none;
    outline: none;
    background-color: transparent;
    font-family: inherit;
    font-size: inherit;
}

Answer 2

像这样的事情怎么样：

$('.dynamic input').each(function() {
    $('<div/>').html($(this).val()).insertAfter($(this).hide());
});