javascript - 使 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;
}