html -- contenteditable 属性：指定元素内容是否可编辑

所有主流浏览器都支持 contenteditable 属性

定义和用法

contenteditable 属性指定元素内容是否可编辑。

注意： 当元素中没有设置 contenteditable 属性时，元素将从父元素继承。

contenteditable 属性是 HTML 新增的。

true：可编辑

false：不可编辑

或者

带contenteditable的，可编辑

不带contenteditable的，不可编辑

<!DOCTYPE html>
<html>
<body>
<p contenteditable="true"><span>这是一个段落。是可编辑的。尝试修改文本。</span></p>
</body>
</html>

时间： 2024-08-29 12:22:05

html -- contenteditable 属性：指定元素内容是否可编辑的相关文章

HTML5 contenteditable属性

HTML5 contenteditable属性: 此属性指定元素内容是否可编辑. 当元素中没有设置contenteditable属性时,元素将从父元素继承. 语法结构: <element contenteditable="true|false"> 浏览器支持: (1).IE浏览器支持此属性. (2).谷歌浏览器支持此属性. (3).火狐浏览器支持此属性. (4).Safari浏览器支持此属性. (5).Opera浏览器支持此属性. HTML4.01与HTML5之间的差异:

深入理解javascript描述元素内容的5个属性

× 目录 [1]innerHTML [2]outerHTML [3]innerText[4]outerText[5]textContent 前面的话 This is a simple document 上面这行代码中,元素的内容是什么呢?答案一:内容是HTML字符串"This is a simple document":答案二:内容是纯文本字符串"

jquery属性选择器（匹配具有指定属性的元素）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>属性选择器</title> &

html元素contenteditable属性如何定位光标和设置光标

最近在山寨一款网页微信的产品,对于div用contenteditable属性做的编辑框有不少心得,希望可以帮到入坑的同学. 废话不多说了,我们先来理解一下HTML的光标对象是如何工作的,后面我会贴完整的DEMO代码,不用急,先去理解,才能做出更加好的输入体验. 在HTML里面,光标是一个对象,光标对象是只有当你选中某个元素的时候才会出现的. 当我们去点击一个输入框的时候,实际上它会产生一个选中对象-selection(就是我们可以看到的文字变成蓝色的那个区域),selection在火狐浏览器可以

Overflow属性——定义元素（如Div）内容区溢出情况

说明:overflow属性规定当内容溢出元素框时发生的事情. 注释:属性定义溢出元素内容区的内容会如何处理.如果值为 scroll,不论是否需要,用户代理都会提供一种滚动机制.因此,有可能即使元素框中可以放下所有内容也会出现滚动条.默认值是 visible. 可用的值: visible:默认值.内容不会被修剪,会呈现在元素框之外. hidden:内容会被修剪,并且其余内容是不可见的. scroll:内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容. auto:如果内容被修剪,则浏览器会显示

获取指定元素的某一个样式属性值

1."元素.style.样式属性名" ->oDiv.style.height 弊端:"只能"获取在"行内"上编写过的样式,不管在哪些了对应的样式,只要没有在行内上写过,都获取不到 oDiv.style.height 由于height并没有写在行内样式上(写在样式表里了),所以获取的结果依然是"" 2.通过 window.getComputedStyle 获取所有经过浏览器计算的样式(只要的你的元素在浏览器加载的时候渲染过

（三）dom4j+Xpath的简单路径表达式获取节点元素内容和属性值

1.导包 2.创建sys-config.xml <?xml version="1.0" encoding="UTF-8"?> <config> <database-info> <driver-name>com.mysql.jdbc.Driver</driver-name> <url>jdbc:mysql://localhost:3306/sys?serverTimezone=GMT%2B8<

jquery 查找不含某属性的指定元素

今天工作中用到 GrapyCity 的 wijmo ui 控件. 要给系统中所有类型的控件加统一样式用法 $("input [type='text']").wijtext(); $("input[type='checkbox']").wijcheckbox(); $('select').wijdropdownlist(); 出现问题,原因在于select 有 multiple属性.如果multiple='multiple' 则为List 现在的问题就是区分 s

HTML5新增的通用属性 - contentEditable属性

HTML5为大部分HTML元素增加了contentEditable属性,如果将该属性设置为true,则浏览器允许开发者直接编辑该HTML元素里的内容,并且支持"可继承"的特点,也就是如果一个HTML元素的父元素是可编辑的,那么它也是可编辑的. 示例代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>contentEditable属性