Question

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

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

Answer 1

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

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

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

Answer 2

另一个选项是'span'或'div'，其html5属性'contenteditable'设置为true;

<div contenteditable="true"/>

您可以在点击按钮事件上切换true / false。

Answer 3

您可以尝试使用jquery -

Html：

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

Jquery的：

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