HTML5 新属性contenteditable

今天偶然看见这个属性，可以把一个div,span,td等元素 聚焦的时候可以直接变成输入框，改里面的数值，失焦的时候变成原来的元素，内部的值改了

<div contenteditable="true">123241</div>
<span contenteditable="true">7787484span</span>
 <table border="1">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td contenteditable="true">January</td>
    <td contenteditable="true">$100</td>
  </tr>
  <tr>
    <td contenteditable="true">Feb</td>
    <td contenteditable="true">$200</td>
  </tr>
</table>