contenteditable可编辑内容

1、contenteditable

<!-- contenteditable="true"：可编辑内容，一般做表格 -->
<div contenteditable="true">Panda</div><!-- 没有兼容性问题 -->
<!-- 属性可以继承，也可以被覆盖；所以Monkey也可以改 -->
 <div contenteditable="true">
    Panda <br>
    <span>Monkey</span>
</div>
<!-- 注意：最好不要用嵌套方式：因为会把标签整体删掉 -->
<div contenteditable="true">
    <span contenteditable="false">姓名：</span>Panda <br>
    <span contenteditable="false">性别：</span>汉子
</div>