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

我有一个HTML表单，其中包含许多

input

字段，使用jQuery动态添加每个字段中的内容

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

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

我尝试了jQuery的

hide（）

和

$（'foo'）.css（'display'，'none'）

，但这隐藏了整个字段

---

其想法是可能有大量字段，但我不希望用户看到所有的输入文本字段。

从以下内容开始：

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

---

像这样的怎么样：

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

$（'.dynamic input'）。每个（函数（）{
$（''）.html（$（this.val（））.insertAfter（$（this.hide（））；
});

使用css

边框：无属性，并确保框足够长/足够高。
您是说不希望边框显示？如果不希望边框看起来像输入，为什么要将其设置为输入？是否希望显示文本而不是字段？为什么要使用输入字段？或者你只是想重新格式化输入字段css，使其看起来不同？如果我理解正确，你想要类似的东西，但请记住，这可能会混淆你的用户。我需要能够在单击表单的“提交”按钮时提交输入内容。同时删除背景。我最后做了类似的事情，所以我把这个标记为答案。我捕获了字段的值，只是使用CSS根据需要对其进行样式化，然后使用hide（）隐藏输入。为我的目的工作，无需重新设置输入字段本身的样式。虽然这不是一个响应性的解决方案，但这确实有效！！荣誉