1、添加contenteditable属性让文本处于可编辑状态,

实例

<div contenteditable="true">这里可以编辑</div>

contenteditable: "inherit";(默认)
contenteditable: "plaintext-only";(输入纯文本)
contenteditable: "true";
contenteditable: "false";
contenteditable: "caret";(符号)
contenteditable: "events";(不知道搞啥用的)

浏览器支持

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

2、利用css的user-modify
user-modify: read-only;
user-modify: read-write;
user-modify: write-only;(暂不支持)
user-modify: read-write-plaintext-only;(输入纯文本,暂时只有谷歌支持:
-webkit-user-modify: read-write-plaintext-only)

div可编辑,contenteditable 属性相关推荐

  1. css 可编辑,如何设置DIV可编辑

    「来源: |web前端开发 ID:web_qdkf」 如何让一个div变成可编辑状态,比如富文本的输入框就可以用可编辑的div(自定义一个富文本时可用),类似textare. 有2种方案可以实现:1是 ...

  2. html div 不可编辑状态,HTML contenteditable属性

    前言 之前一直没有留意到有contenteditable这个属性,今天突然看到特意记录一下它的 用法 和 实际用途 : 用法 为了某个使元素可编辑,你所要做的就是在html标签上设置"con ...

  3. 使用contenteditable=“true“改造div可编辑文本框

    使用contenteditable="true"改造div可编辑文本框,并去除粘贴复制的格式问题 contenteditable="true" 可编辑 cont ...

  4. 可编辑属性html,设置contenteditable属性可编辑HTML标签的内容(可代替textarea)

    摘要:这篇HTML栏目下的"设置contenteditable属性可编辑HTML标签的内容(可代替textarea)",介绍的技术点是"contenteditable.t ...

  5. contenteditable属性将标签变为可编辑状态,可用于在线编辑修改文本

    1.概述 html 中大部分标签都是不可以编辑的,但是添加了contenteditable属性之后,标签会变成可编辑状态. 同时可以触发 input事件 输入内容变化时触发 focus事件 获取焦点时 ...

  6. contenteditable属性让div也可以当做输入框

    你知道div也可以当做输入框么? H5的全局属性contenteditable,带有contenteditable属性的div而不是input或者textarea来作为输入框(div可以根据内容自动调 ...

  7. vue实现带样式的textarea输入框,contenteditable属性应用

    提示:vue中使用contenteditable 文章目录 前言 一.contenteditable 什么是contenteditable: 二.contenteditable的使用 总结 前言 开发 ...

  8. 1、每天学习一点点之 contenteditable 属性

    起初 遇见一个 需求 是 要求 再输入框可以输入文本, 点击检测,调用接口,将特定的文字可以 加颜色 或者 下划线展示, 然后可以继续输入. 正常是用textarea, 但是textarea 不可以 ...

  9. 2.2.1新增-contentEditable属性

    <!DOCTYPE html> <html><head><meta http-equiv="Content-Type" content=& ...

最新文章

  1. TechEd 2012奥兰多!
  2. Android 中 Behavior, NestedScrollingParent, NestedScrollingChild 关系
  3. IOS常用代码总结 - 第三方库部分
  4. flutter - 将数字转换为科学记数法并获得指数 flutter
  5. python抓取股票数据_Python股票处理之一_获取国内股票数据
  6. 全端开发——html简介与常用标签
  7. 随记:我们需要怎样的数学教育?
  8. 基于ARM IP的看门狗设计与功能验证
  9. 博客园jquery专题
  10. 我才是嗨到最晚的男人
  11. Eclipse配Tomcat服务器
  12. c语言变量命名规则_数据的来龙去脉——常量与变量
  13. VOC格式xml标签与YOLO格式txt标签相互转换
  14. 9 EDA实用技术与教程【Verilog深入】
  15. Mobius反演方法
  16. linux中关闭防火墙
  17. php新浪微博 登录接口文档,最新新浪微博网站接入API接口的具体步骤wordpress
  18. 战队口号霸气押韵8字_霸气销售团队激励口号押韵
  19. epidata打开文件的位置怎么可以更新
  20. 程序员相亲:我是做底层架构的,女方:你啥时候能升到中高层?

热门文章

  1. 网易笔试题 混合颜料
  2. Mac:系统深色模式下关闭软件深色模式的办法(针对软件没有设置选项的情况)
  3. Hadoop学习(二)——shell命令
  4. 【思特奇杯·云上蓝桥-算法集训营】第二周
  5. 莎斯莱思时尚男装2019秋季新品上市!
  6. 中琛物联开创全新运营商合作模式!账单自动化结算突破革新!
  7. 察言观色—看穿他人心理的6种方法
  8. 【vue】使用自定义指令实现时间戳格式化
  9. hpuoj寻找单身狗
  10. 保留分页符 删除WORD空白页