单击并保存时可编辑的内容

Question

我有一个 html 页面，可让您创建联系人。

创建后，它会使用 php 保存到 .csv 文件中。然后使用以下方法在表格中显示所有联系人的列表：

print "<thead style='color: blue; background-color: #DCDCDC'><tr>";
$Info = array("ID", "Picture", "Title", "FirstName", "LastName", "Email", "WebSite", "CellNo", "HomeNo", "OfficeNo", "Twitter", "Facebook", "Comment");
foreach($Info as $Heading)
{
    print "<th style='border: 1px black solid;'>$Heading</th>";
}
print "</tr></thead>";

//Print all contact info using PHP..

我现在需要能够使表格中的一行只有在用户单击它旁边的链接然后将其保存回 .csv 时才可编辑。

还可以在单​​击旁边的链接时删除一行。

我该怎么做？我可以使用表单和$_POST 来做到这一点，但我不知道如何使用 ContentEditable 属性和链接来做到这一点。

关于如何实现这一目标的任何想法或示例？还是我仅限于表格？

Answer 1

您可以使用 contentEditable 属性（仅在支持 html5 的浏览器中可用）。 但是为了保存编辑的内容，你必须让 Ajax 调用服务器。