使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());
});

Answer 3

使用css border:none;属性并确保该框足够长/高。