我有一个表单，我希望能够通过双击该表单来编辑该表单的任何部分。所以从这里开始：
<table>
<tr>
<th>Name</th>
<th>Email</th>
<th>Phone</th>
</tr>
<tr>
<td>John Smith</td>
<td>johnsmith@gmail.com</td>
<td>+12345678</td>
</tr>
</table>如何通过双击元素将其转换为输入元素？例如：如果我双击John Smith，HTML 会变成这样：
<table>
<tr>
<th>Name</th>
<th>Email</th>
<th>Phone</th>
</tr>
<tr>
<form action="index.php" method="post">
<td><input type="text" value="John Smith" name="name" /></td>
<td>johnsmith@gmail.com</td>
<td>+12345678</td>
</form>
</tr>
</table>有人知道该怎么做吗？