HTML5新增全局属性
时间:2022-07-28
本文章向大家介绍HTML5新增全局属性,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
HTML5新增了全局属性概念,所谓全局属性就是可以对任何元素都可以的属性。
1、contentEditable属性
主要功能是允许用户在线编辑元素中的内容,它是一个布尔值属性,可以被设定为true或者false。该属性还有一个隐藏的inherit(继承)状态,如果属性值为true时表示为可编辑状态,如果属性值为false时表示为不可编辑状态,如果是未设定属性值,则由inherit状态来决定,如果元素的父元素是可编辑的,则该元素就是可以编辑的。
2、designMode属性
用来指定整个页面是否可编辑,当页面可编辑时,页面中任何支持contentEditable属性的元素都会变成可编辑状态,designMode属性只能在javascript脚本里被编辑修改。属性值有on和off,当该属性值为on时页面可编辑。属性值为off表示页面不可编辑。
用法:
document.designMode = 'on'
注意:目前各浏览对designMode属性支持情况也是不用的。
3、hidden属性
在HTML5中所有的元素都允许使用一个hidden属性,该属性是布尔值属性,可以被设定为true或者false。
当设为true时,元素处于不可见状态。设为false时,元素处于可见状态。
4、spellcheck属性
该属性是HTML5对于input元素与textarea元素提供的一个新属性,它的功能是针对用户输入的内容进行拼写检查和语法检查,spellcheck属性是一个布尔值属性,具有true和false值,在书写的时候有一个关键的地方,就是必须明确地声明属性值为true或false。
书写示例:
<input type='text' spellcheck='true' name='content'/>
5、tabindex属性
tabindex属性是开发过程中的一个基本概念,当不断按Tab键让窗口或页面中的空间获得焦点,对窗口或页面中的所有控件进行遍历的时候,每一个空间的tabindex属性表示该控件是第几个被访问的。
- hdu---(1280)前m大的数(计数排序)
- 程序员你为什么这么累【续】:编码习惯之Controller规范
- go-nsq使用简述
- hdu---(4515)小Q系列故事——世界上最遥远的距离(模拟题)
- 利用sys schema解决一次诡异的语句hang问题
- hdu----(4513)吉哥系列故事——完美队形II(manacher(最长回文串算法))
- 学习manacher(最长公共回文串算法)
- Apache Spark 2.3 加入支持Native Kubernetes及新特性文档下载
- Oracle 12c 多租户专题|隔离PDB的磁盘IO
- golang 裸写一个pool池控制协程的大小
- 2014---多校训练2(ZCC Loves Codefires)
- 完整的golang 多协程+信道 任务处理示例
- 2014---多校训练一(A Couple doubi)
- hdu----(2586)How far away ?(DFS/LCA/RMQ)
- HTML 教程
- HTML 简介
- html div 标签介绍
- html span 标签介绍
- html a 超链接标签
- HTML Br换行标签介绍
- HTML P段落标签介绍
- HTML br与p标签区别
- Html H 标题标签
- html px em pt长度单位
- HTML form 标签
- HTML radio 单选框
- HTML B 加粗标签
- HTML strong加粗粗体标签
- HTML em 强调标签
- HTML i 斜体标签
- HTML u下划线标签
- HTML s 删除线标签
- Html img 图片标签
- Html上标注sup与下标注sub标签
- HTML nobr 禁止换行标签
- HTML hr 水平线标签
- HTML label 标签
- HTML input 标签
- HTML textarea 标签
- HTML select下拉列表标签
- HTML checkbox 多选框
- HTML font color 标签
- HTML iframe 框架标签
- HTML Table 表格
- HTML dl dt dd 标签
- HTML ol li有序列表标签
- HTML ul li 无序列表标签
- HTML 注释
- CSS 教程
- CSS 简介
- CSS 语法
- CSS Id 和 Class选择器
- CSS 样式的创建
- CSS background 背景介绍
- CSS 文本样式
- CSS font 字体
- CSS A 链接
- CSS ul ol列表样式
- CSS TABLE 样式
- CSS 框模型
- CSS border 边框
- CSS Outlines 轮廓
- CSS 外边距 Margin
- CSS Padding 内边距
- CSS 分组和嵌套选择器
- CSS 尺寸 (Dimension)
- CSS Display 属性
- CSS Position 定位
- CSS Float 浮动
- CSS 水平对齐(Horizontal Align)
- CSS 组合选择符
- CSS 伪类
- CSS 伪元素
- CSS 导航栏
- CSS 下拉菜单
- CSS 图片廊
- CSS 图像透明/不透明
- CSS sprite 图像拼合技术
- CSS 媒体类型
- CSS 属性选择器
- CSS 实例
- word模板和XML数据源是如何合并生成最后的word文档的详细过程
- Angular路由跳转时,如何传递信息
- Angular里的购物车页面实现
- CentOS7部署WeADMIN监控主机交换机和URL(无坑版)
- JsonPath实践(一)
- 开源测试服务
- Charles报错Failed to install helper解决方案
- [890]scrapy之pipeline的使用
- Redis的slot迁移工具
- 一文搞懂Flink rocksdb中的数据恢复
- Linux expect用法介绍
- GitHub通过access token来clone代码
- 在.NET Core中使用MongoDB明细教程(1):驱动基础及文档插入
- 探索闭包
- openresty实现接口签名安全认证