Javascript 显示和编辑数据的文本框

我目前有删除边框的文本框，因此它们不会显示为文本框，并且是只读的。我还有一个显示边框的编辑按钮，允许用户编辑信息并将其保存到数据库中

---

我的问题是我应该在文本框中显示数据吗？它只是使编辑变得更容易，否则，当单击“编辑”按钮时，我将不得不动态添加文本框。

您可以使用div标记并在那里加载输出

<div id="output"></div>

---

在使用之前，它将保持不可见，并且不可编辑，当然，如果您希望稍后的输出区域突出显示，您可以以任何方式对其进行标记。

另一个选项是“span”或“div”，html5属性“contenteditable”设置为true

<div contenteditable="true"/>

---

您可以在单击按钮事件上切换真/假。

您可以在jquery中这样尝试-

Html:

<input type="text" id="data" disabled="true" value="sampel data"/>
<input type="button" id="button" value="Edit" />

---

这种方法的问题可能是重复的，我想使用文本框，这样通过运行ajax调用并使用$（“form”）.serialize（）可以同时保存一组文本框。这是一个选择的问题。我喜欢“contenteditable”，如果你想使用它，你可以这样做。

$("#button").click(function(){
    $("#data").attr("disabled", false);
});