可编辑的个人资料页面

Question

我正在使用Twitter bootstrap。

我想在左上角创建一个带有edit按钮的个人资料页面。

当用户点击此按钮时，

所有个人资料字段都可以编辑

（我认为input元素）

知道如何最轻松地实现它吗？

Answer 1

如果您不能指望每个人使用HTML5，您可以通过禁用或只读的所有字段开始，然后只需按一下按钮就可以更改属性。使用相同的功能，您可以显示或启用“保存”按钮。有点像...

// Lock or Unlock Controls ////////////////////////////////////////////////////////////////////////////
function lockControls(setLock) {
   var bOk = setLock;
   $("#btnSave").attr('disabled', bOk);
   $("#emailMessage").attr('disabled', bOk);
   $("#emailSubject").attr('disabled', bOk);
   $("#buildingList").attr('disabled', bOk);
}