div的内容是可以编辑

简介:

在以前的div的内容确定之后,无法像文本框那样可以非常方便的修改其中的内容。

不过现在新标准的出现,可以实现随时随地的编辑div中的内容。

代码实例:

 
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
< html >
< head >
< meta charset = " utf-8" >
< meta name = "author" content = "http://www.softwhy.com/" />
< title >蚂蚁部落</ title >
< style type = "text/css" >
#antzone{
   width:300px;
   height:60px;
   background:#CCC;
   text-align:center;
   line-height:60px;
}
</ style >
</ head >
< body >
< div id = "antzone" contenteditable = "true" >蚂蚁部落softwhy.com</ div >
</ body >
</ html >

上面的代码中,可以将div设置为可编辑的,只要在div中添加如下属性即可:

1
contenteditable="true"


原文发布时间为:2017-2-23

本文作者:admin

本文来自云栖社区合作伙伴“蚂蚁部落”,了解相关信息可以关注蚂蚁部落

原文链接:div的内容是可以编辑

相关文章
|
网络协议 智能硬件
反射的应用:动态代理
反射的应用:动态代理
145 0
|
JSON 小程序 JavaScript
一分钟教你学会微信小程序的页面刷新
本文指导如何在微信小程序中实现页面刷新功能。首先,在页面JSON配置开启刷新,然后在JS的`onPullDownRefresh`方法中重置数据并调用数据加载函数。在数据请求方法中,使用`wx.showLoading`显示加载提示,请求完成后用`wx.stopPullDownRefresh`结束刷新并更新数据。监听`onPullDownRefresh`事件触发数据获取。最后,自定义下拉刷新样式,并总结关键在于使用`wx.startPullDownRefresh`启动和`wx.stopPullDownRefresh`停止刷新。
1468 2
|
弹性计算 Linux 程序员
飞天加速计划ECS使用体验
关于此次参加飞天加速计划以及初次使用阿里云ECS平台的体验
224 0
|
Java API
【集合框架】JDK1.8源码分析之LinkedHashMap(二)
前面我们已经分析了HashMap的源码,已经知道了HashMap可以用在哪种场合,如果这样一种情形,我们需要按照元素插入的顺序来访问元素,此时,LinkedHashMap就派上用场了,它保存着元素插入的顺序,并且可以按照我们插入的顺序进行访问。
126 0
【集合框架】JDK1.8源码分析之LinkedHashMap(二)
|
人工智能 缓存 测试技术
蓝桥杯简单题整理
蓝桥杯简单题整理
蓝桥杯简单题整理
|
关系型数据库 测试技术 数据库
|
Python
计算布林带
计算布林带 # coding: utf-8 # 作者:Wizard import numpy as np from matplotlib import pyplot as plt import sys # 获取数据 # 因为没找到数据源,所以直接随机生成了 series = np.
848 0