html - 可编辑的个人资料页面

Question

我正在使用推特引导程序。

我想创建一个带有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);
}