本文介绍了HTML的contenteditable属性，该属性允许任何元素变为可编辑区域，方便快速实现编辑功能，无需切换到input。内容可编辑性可通过true或false进行控制。此外，还提到了CSS的aspect-ratio属性，用于设置元素的宽高比，有助于保持内容的视觉比例。这两个属性在网页开发中非常实用。
今天无意中看到这个属性，特此记录一下。
浏览器支持
所有主流浏览器都支持 contenteditable 属性
定义和用法
contenteditable 属性指定元素内容是否可编辑。
注意： 当元素中没有设置 contenteditable 属性时，元素将从父元素继承。
HTML 4.01 与 HTML5之间的差异
contenteditable 属性是 HTML 新增的。
属性值
| 值 | 描述 |
|---|---|
| true | 指定元素是可编辑的 |
| false | 指定元素是不可编辑的 |
用法示例：
它可以让 普通元素 也具有 input类似的功能，内部的 文字也可以修改。true的话可修改 false不可修改。
<p contenteditable="true">这是一个段落。是可编辑的。尝试修改文本。</p>
这个 属性其实还是挺有用的，在做一些 编辑功能 只需要修改这个属性即可。不用再 切换 input了。
HTML contenteditable 属性 | 菜鸟教程
还看到了 aspect-ratio 这个可以设置 宽高比 具体可以看看：CSS 属性 aspect-ratio_嗜码的博客-CSDN博客_aspect-ratio css
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
