使HTML輸入字段僅顯示爲字段中的文本

Question

我有一個HTML表單，其中有多個input字段，這些字段使用jQuery在每個字段中隨內容動態添加。

是否可以隱藏這些字段是輸入字段，並只顯示它們作爲字段中的內容的事實？

我不想隱藏整個字段和它的內容---只是隱藏其輸入類型字段的事實。

我試過jQuery的hide()和$('#foo').css('display','none')，但是隱藏了整個字段。

這個想法是可能有大量的字段，但我不希望用戶看到所有的輸入文本字段。

Answer 1

怎麼是這樣的：

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

Answer 2

開始是這樣的：

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

Answer 3

使用的CSS border:none;財產，確保選中長/身高不夠。