当前位置:首页 > 电脑知识 > 正文内容

一篇读懂(div可编辑属性)div不可编辑,div设置可编辑内容的方法,div设置可编辑内容的方法,

sauo3年前 (2022-09-17)电脑知识85

在web页面中,如果要输入内容,就需要使用 input 或 textarea 元素,但它们只能输入或显示纯文本的内容,无论对一个带有CSS样式的内容进行显示或手机编辑的,所以DIV元素就提供了一个可编辑内容的属性 contenteditable 。

HTML contenteditable 属性

contenteditable 属性规定元素内容是否可编辑,默认为 false,如果设置为 true ,则表示元素内的内容可以被编辑

语法:

Markup
<element contenteditable="true|false">复制

例:

Markup
<p contenteditable="true">这是一个可编辑的段落。</p>复制

div元素内容设置可编辑的方法

只需要将DIV元素内的 contenteditable 属性设置为 true 即可!

例:

Markup
<style> div{ width: 300px; height: 100px; margin-bottom: 10px; border:1px solid red; padding: 10px; } </style> <div> 我是不可编辑的! </div> <div contenteditable="true"> 我是可以被编辑的! </div> <p>飞鸟慕鱼博客 http://feiniaomy.com</p>复制

运行结果:

本文链接:http://blog.sauo.top/?id=330 感谢分享!

分享到:

扫描二维码推送至手机访问。

版权声明:本文由冬眠先生个人博客发布,如需转载请注明出处。

本文链接:http://blog.sauo.top/?id=330

分享给朋友:

“一篇读懂(div可编辑属性)div不可编辑,div设置可编辑内容的方法,div设置可编辑内容的方法,” 的相关文章

硬核推荐(ubuntu取消自动休眠)ubuntu关闭自动休眠命令,ubuntu 关闭自动休眠模式的方法,ubuntu 关闭自动休眠模式的方法,

硬核推荐(ubuntu取消自动休眠)ubuntu关闭自动休眠命令,ubuntu 关闭自动休眠模式的方法,ubuntu 关闭自动休眠模式的方法,

免费领取腾讯云服务器! 在使用ssh连接ubuntu系统时,发现长时间不输入ssh命令ssh就会自动断开。查找了一下原因,发现是安装ubuntu的电脑自动进入了休眠模式,而ubuntu系统中有多种关闭自动休眠的方法,下面就来说一说使用ssh命令来关闭ubu...

不看后悔(php全局变量有哪些)php全局变量和局部变量的区别,php全局变量与js全局变量的区别,php全局变量与js全局变量的区别,

免费领取腾讯云服务器! 因为经常写php与js代码,有时候使用全局变量的时候经常的混淆,这篇文章就来说说js中的全局变量与php中的全局变量的区别。 js全局变量与php全局变量的区别 php全局变量 php...

这都可以(php保存网络图片到本地)php下载图片到本地,php保存图片到本地的方法,php保存图片到本地的方法,

免费领取腾讯云服务器! 下面列几种网上收集的利用php脚本将远程图片保存至本地的方法,各位自行测试代码是否可用,另外php保存远程图片到本地并不能确保百分百的一定会拉取到远程图片的数据。 php保存远程图片到本地的方法 方法...

不要告诉别人(php求数组交集)php数组取差集,php计算两个数组的交集与差集,php计算两个数组的交集与差集,

免费领取腾讯云服务器! php中计算两个数组之间的交集与差集可以使用 array_intersect() 与 array_diff() 数组处理函数,这两个数组的具体使用方法如下。 php计算两个数组之间的交集 array_...

这都可以(判断是否是ajax请求)php判断请求方式,php判断是否为ajax请求的方法,php判断是否为ajax请求的方法,

免费领取腾讯云服务器! 在后端可以利用php代码来判断前台提交的数据是否通过ajax进行提交的,其方法也非常的简单,只需要判断$_SERVER["HTTP_X_REQUESTED_WITH"] 是否存在,以及判断 $_SERVER["HTTP_X_REQU...

学会了吗(php保存文件到指定地点)php保存图片,php保存base64编码图片的方法,php保存base64编码图片的方法,

免费领取腾讯云服务器! 写一个图片上传的插件,因为特殊性就在前台将图片转为base64编码并上传到后台,下面说一说在后台怎么利用php代码将base64编码格式的图片转成正常的图片,并保存的。 PHP保存Base64图片 p...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。