HTML 之 ContentEditable 属性

HTML 之 ContentEditable 属性html中的contenteditable的属性可以打开某些元素的可编辑状态,也许你没用过contenteditable属性,甚至从未听说过,contenteditable的作用相当神奇,可以让div或整个网页,以及span等等元素设置为可写。我们最常用的输入文本内容便是input与textarea,使用contenteditable属性后,可以在div,table,p,span,body,等等很多元素中输入内容。

注: 当元素中没有设置 contenteditable 属性时,元素将从父元素继承。

浏览器支持

浏览器 Chrome Internet Explorer Firefox Safari Opera

版本11.05.53.03.210.6

注:contenteditable 属性是 HTML5 新增的。

语法


登录后复制

属性值

立即学习“前端免费学习笔记(深入)”;

值 描述

true指定元素是可编辑的false指定元素是不可编辑的

示例

 nbsp;html>                 ContentEditable       
         你好!世界!     
  

登录后复制

微信截图_20200522095527.png

推荐教程:《HTML教程》

以上就是HTML 之 ContentEditable 属性的详细内容,更多请关注【创想鸟】其它相关文章!

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

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2826607.html

(0)
上一篇 2025年3月9日 03:07:40
下一篇 2025年3月5日 14:56:52

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • HTML怎么实现下拉菜单

    HTML怎么实现下拉菜单 1、新建HTML文件为“select.html”; 2、使用VSCode编辑器将其打开; 立即学习“前端免费学习笔记(深入)”; 3、在HTML的body标签里写入select标签;          登录后复制 …

    2025年3月9日 编程技术
    000
  • HTML文件怎么转换成PDF文件

    HTML文件怎么转换成PDF文件 首先下载PDF文件编辑器,如迅捷PDF编辑器; 然后将把HTML文件使用PDF编辑器进行打开; 立即学习“前端免费学习笔记(深入)”; 接着对HTML文件进行修改;最后将文件另存为PDF文件格式即可完成转换…

    2025年3月9日 编程技术
    200
  • HTML 和 HTML5 的区别是什么?

    HTML 和 HTML5 的区别是什么? 1、HTML没有体现结构语义化的标签,而HTML5有许多具有语义化的标签; HTML:没有体现结构语义化的标签,我们通常都是这样来命名的 登录后复制 这样表示网站的头部。 立即学习“前端免费学习笔记…

    2025年3月9日
    200
  • HTML标记中,表示网页标题的标记是什么

    HTML title 属性 标签定义文档的标题,在所有 HTML 文档中是必需的。 元素: 定义浏览器工具栏中的标题 立即学习“前端免费学习笔记(深入)”; 提供页面被添加到收藏夹时的标题 显示在搜索引擎结果中的页面标题 提示和注释 注释:…

    2025年3月9日
    200
  • html空格代码怎么写

    html空格代码怎么写:   为html空格字符代码,由“&+n+b+s+p+;”组成,记住最后一个分号不要忘记了。 CSS中当 white-space 属性取值为baipre时,浏览器会保留文本中的空格和换行,例如: 立即学习“前…

    2025年3月9日
    200
  • html新手入门必学知识点

    html新手入门必学知识点 HTML初识 1.HTML指的是超文本标记语言(Hyper Text Markup Language),是用来描述网页的一种语言 2.不是编程语言,而是一种标记语言 立即学习“前端免费学习笔记(深入)”; 3.标…

    2025年3月9日
    200
  • html简单日历的实现(附源码)

    html简单日历的实现(附源码) web页面中很多地方都会用到日历显示,选择等,本文用html、css、javascript实现简单的日历。完成以后的效果与页面左侧的效果差不多,可以切换上个月、下个月。也可以根据实际情况进行扩展。 html…

    2025年3月9日
    200
  • html实现在线预览文件功能(图文详解)

    html实现在线预览文件功能(图文详解) word+excle+pdf表格在线浏览 通过iframe直接引用微软提供的方法 登录后复制 在 https://view.officeapps.live.com/op/view.aspx?src=…

    2025年3月9日
    200
  • 如何用html标记语言编写一个简单的网页

    如何用html标记语言编写一个简单的网页? 我们可以用记事本编写html语言并保存为html格式的文du件,生成简单的网页。 具体的操作步骤如下: 1、在电脑桌面新建文本文档:桌面上单击右键->选择新建->文本文档(桌面出现一个…

    2025年3月9日 编程技术
    200
  • 详解html实现在线预览word、excel、pdf等文件的功能(附代码)

    详解html实现在线预览word、excel、pdf等文件的功能(附代码) 本文讲述了html是如何实现动态在线预览word、excel、pdf等文件的功能,该功能十分的方便,大家一起来看看吧,如有什么不足,还望大家指出。 通过iframe…

    2025年3月9日
    200

发表回复

登录后才能评论