博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html5学习笔记——html新增属性(四)
阅读量:7100 次
发布时间:2019-06-28

本文共 717 字,大约阅读时间需要 2 分钟。

h5增加了如下属性

1、contentEditable = true|false .

    这个属性是将原本不可编辑的标签变为可编辑状态,例如:<table></table>、<div></div>。不包括本来就可以编辑的标签,输入框等。

     这个属性具有可继承性,父标签是可编辑的,子标签默认就是可编辑的,除非显性的设置 contentEditable=false

 

代码如下:

<!DOCTYPE html>

<html>
<head>
<meta charset="UTF-8">
<title>h5新增属性</title>
</head>
<body>
<div contenteditable="true">
<table border="1">
<tr>
<td>id</td>
<td>姓名</td>
</tr>
<tr>
<td>1</td>
<td>师然1</td>
</tr>
<tr>
<td>2</td>
<td>师然2</td>
</tr>
</table>
</div>
<br/>
</body>
</html>

效果如下,姓名的旁边多出一个输入光标,可以输入文字,但是一刷新就没有了:

    

刷新后恢复

 

2、designMode = on|off

如果这个属性设置为“on”,所有可支持contenteditable的元素都编程可编辑状态

3、hidden

很明显,这个是隐藏显示的意思,不多说。

4、spellcheck = true|false

很明显,这个是检查拼写,但是需要注意:IE和火狐暂不支持这个属性

 

转载于:https://www.cnblogs.com/kellybaby/p/6574541.html

你可能感兴趣的文章
oracle之 SYSAUX表空间维护
查看>>
thinkphp-条件判断-范围判断-in与else
查看>>
搜狗智能联想输入法,背后的运维又是如何智能的?
查看>>
就绪IT平台 走进智能企业——智能化浪潮中的领军者大型系列报道
查看>>
Shader的函数公式以及使用的场景
查看>>
3Python全栈之路系列之D
查看>>
js self = this的解释
查看>>
用jekyll制作高大上的网站(一)——安装与配置
查看>>
linux基础--vim编辑器
查看>>
前端网络、JavaScript优化以及开发小技巧
查看>>
nbd网络块设备使用教程
查看>>
gbk与utf-8字符串无乱码截取
查看>>
Linux学习之CentOS(三)--初识linux的文件系统以及用户组等概念
查看>>
linux下varnish4安装
查看>>
聊聊php定时计划任务
查看>>
python系统编码-稍后更新
查看>>
lvs-nat,https
查看>>
旧电脑如何华丽变身专业上网行为管理设备!
查看>>
移动互联网初创型团队需要什么样的云计算服务?
查看>>
DRBD的安装配置
查看>>