0
点赞
收藏
分享

微信扫一扫

HTML5 新属性contenteditable

小_北_爸 2022-04-14 阅读 58

今天偶然看见这个属性,可以把一个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>

 

举报

相关推荐

0 条评论