h5作品介绍_editable联动

h5作品介绍_editable联动其实这个属性很简单,既然把它放到一个单独的文章来说,他肯定有一些注意点要讲兼容性很好,兼容所有主流浏览器。用法很简单,只需要给你需要的标签填上即可。那么会出现一个神奇的效果。(文字可以编辑)语

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

其实这个属性很简单,既然把它放到一个单独的文章来说,他肯定有一些注意点要讲

兼容性很好,兼容所有主流浏览器。

用法很简单,只需要给你需要的标签填上即可。

<div contenteditable="true">我是一个div</div>

 

那么会出现一个神奇的效果。(文字可以编辑)

h5作品介绍_editable联动

 

语法也很简单。

contenteditable=”true” (可以编辑)

contenteditable=”false” (不可以编辑)

 

如果是嵌套关系的呢?

<div contenteditable="true">
     我是一个div1
    <div>我是div2,没有contenteditable属性</div>
</div>

h5作品介绍_editable联动

 

你会发现,即使是嵌套关系,里面的标签也没有contenteditable 属性,也是可以编辑的,这又是为啥呢? 其实这个属性有继承关系,只要父级有,那么子级也会继承下来,所以说,子级也是可以编辑的啦。

如果子级不想编辑,给子级添加上contenteditable=“false” 即可

h5作品介绍_editable联动

 

 

最后说一下,下面这种特殊情况,按理来说,span 的 姓名 和 年龄都是不可以编辑的对吧。

<div contenteditable="true">
    <span contenteditable="false">姓名:</span>小明<br>
    <span contenteditable="false">年龄:</span>20岁
</div>

看下下面的操作。

h5作品介绍_editable联动

 

然后只要从 上面一行开始编辑,就会发现,即使是 contenteditable=“false” 的两个 span里面的文字,都被删除了。这又是为啥呢,这是因为,被标记了 false的标签,那么他的内部文字是不能被编辑的,但是 外部的编辑,是可以把你整个标签给删除掉的。 所以得避开这种布局。

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/166698.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 如何自动打开浏览器

    如何自动打开浏览器

  • Admin组件

    Django提供了admin组件为项目提供基本的管理后台功能(对数据表的增删改查)。本篇文章通过对admin源码简单分析admin内部原理,扩展使用方式,为以后进行定制和自己开发组件做铺垫

  • 【Java面试】第二章:P5级面试

    HashMap底层原理,扩容机制,jdk8以后会使用红黑树优化?红黑树和二叉平衡树的区别,红黑树和B树,B+树的区别,Mysql二大引擎索引底层实现,HashMap在多线程环境中为何出错?ConcurrentHashMap底层实现,CAS,原子引用,ABA问题,volatile,如何解决HashMap出现的OOM问题?(WeakHashMap)HashMap是Map的一个实现类,它是以键值对存储数据的,Key-Value都是Map.Entry中的属性。当我们向HashMap中存放一个元素(k1,v1)

  • CSS中设置鼠标样式

    CSS中设置鼠标样式cursor规则是设定网页浏览时用户鼠标指针的样式,也就是鼠标的图形形状所有主流浏览器都支持cursor属性。注释:Opera9.3和Safari3不支持 url 值。注释:任何版本的InternetExplorer(包括IE8)都不支持属性值"inherit"。定义和用法cursor属性规定要显示的光标的类型(形状)。该属性定义了鼠标指针放在一个…

  • SQL Server 2008 评估期已过解决方法

    SQLServer2008有180天的试用期,过期后会提示“评估期已过”的提示。1、进入SQLServer安装中心:2、选择“维护”-“版本升级”3、输入密钥:其他的根据提示操作。附S

    2021年12月23日
  • stringtokenizer类的hasmoretokens_java string equals

    stringtokenizer类的hasmoretokens_java string equalsStringTokenizer:字符串分隔解析类型属于:java.util包。1、构造函数。1.StringTokenizer(Stringstr):构造一个用来解析str的StringTokenizer对象。java默认的分隔符是“空格”、“制表符(‘\t’)”、“换行符(‘\n’)”、“回车符(‘\r’)”。2.StringTokenizer(Stringstr,Stringde…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号