div可编辑,contenteditable 属性
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 属性相关推荐
- css 可编辑,如何设置DIV可编辑
「来源: |web前端开发 ID:web_qdkf」 如何让一个div变成可编辑状态,比如富文本的输入框就可以用可编辑的div(自定义一个富文本时可用),类似textare. 有2种方案可以实现:1是 ...
- html div 不可编辑状态,HTML contenteditable属性
前言 之前一直没有留意到有contenteditable这个属性,今天突然看到特意记录一下它的 用法 和 实际用途 : 用法 为了某个使元素可编辑,你所要做的就是在html标签上设置"con ...
- 使用contenteditable=“true“改造div可编辑文本框
使用contenteditable="true"改造div可编辑文本框,并去除粘贴复制的格式问题 contenteditable="true" 可编辑 cont ...
- 可编辑属性html,设置contenteditable属性可编辑HTML标签的内容(可代替textarea)
摘要:这篇HTML栏目下的"设置contenteditable属性可编辑HTML标签的内容(可代替textarea)",介绍的技术点是"contenteditable.t ...
- contenteditable属性将标签变为可编辑状态,可用于在线编辑修改文本
1.概述 html 中大部分标签都是不可以编辑的,但是添加了contenteditable属性之后,标签会变成可编辑状态. 同时可以触发 input事件 输入内容变化时触发 focus事件 获取焦点时 ...
- contenteditable属性让div也可以当做输入框
你知道div也可以当做输入框么? H5的全局属性contenteditable,带有contenteditable属性的div而不是input或者textarea来作为输入框(div可以根据内容自动调 ...
- vue实现带样式的textarea输入框,contenteditable属性应用
提示:vue中使用contenteditable 文章目录 前言 一.contenteditable 什么是contenteditable: 二.contenteditable的使用 总结 前言 开发 ...
- 1、每天学习一点点之 contenteditable 属性
起初 遇见一个 需求 是 要求 再输入框可以输入文本, 点击检测,调用接口,将特定的文字可以 加颜色 或者 下划线展示, 然后可以继续输入. 正常是用textarea, 但是textarea 不可以 ...
- 2.2.1新增-contentEditable属性
<!DOCTYPE html> <html><head><meta http-equiv="Content-Type" content=& ...
最新文章
- TechEd 2012奥兰多!
- Android 中 Behavior, NestedScrollingParent, NestedScrollingChild 关系
- IOS常用代码总结 - 第三方库部分
- flutter - 将数字转换为科学记数法并获得指数 flutter
- python抓取股票数据_Python股票处理之一_获取国内股票数据
- 全端开发——html简介与常用标签
- 随记:我们需要怎样的数学教育?
- 基于ARM IP的看门狗设计与功能验证
- 博客园jquery专题
- 我才是嗨到最晚的男人
- Eclipse配Tomcat服务器
- c语言变量命名规则_数据的来龙去脉——常量与变量
- VOC格式xml标签与YOLO格式txt标签相互转换
- 9 EDA实用技术与教程【Verilog深入】
- Mobius反演方法
- linux中关闭防火墙
- php新浪微博 登录接口文档,最新新浪微博网站接入API接口的具体步骤wordpress
- 战队口号霸气押韵8字_霸气销售团队激励口号押韵
- epidata打开文件的位置怎么可以更新
- 程序员相亲:我是做底层架构的,女方:你啥时候能升到中高层?