html5干货,干货:详解HTML5中常见的五大全局属性

874d7ffb0774456bf96af8fff356f787.png

HTML5中新增了“全部属性”的概念。所谓全局属性它是指可以对任何元素都可以使用的属性,今天为大家详细介绍三种常见的全局属性。

contentEditable属性

contentEditable是由微软开发。被其他浏览器反编译并投入应用的一个全局属性。它的主要功能是是否允许用户编辑元素的内容,被编辑元素必须是获得鼠标焦点的元素,而且在点击后要提供一个插入符号,提示用户该元素中内容允许编辑。contentEditable属性是一个布尔值属性,可以指定为ture或false。该属性还有一个隐藏属性的inherit状态,为true是允许用户编辑;为false时元素不能被用户编辑;没有指定时则由inherit状态决定,如果父元素是可编辑的,该元素也是可编辑的。支持contentEditable属性元素有A、DD、DIR、DIV、BUTTON、FORM、DL、DT、FONT、DFN、hn、CODE、ABBR等。

302b86f7eea5aeb9cfc7d543d2d93450.png

designMode属性

designMode属性主要功能是指定整个页面是否可编辑,页面可编辑时,页面中任何支持contentEditable属性的元素都变成了可编辑状态。designMode属性有两个值“on”和"off"。属性为“on”时,页面可编辑;属性为“off”时,页面不可编辑。不过各个浏览器支持情况也不一样,IE8不支持designMode属性,IE9支持designMode属性,fixfox和Opera浏览器支持designMode属性、Chrom和Safari浏览器在内嵌frame支持designMode属性。

hidden属性

在HTML5中所有的元素允许使用hidden属性。它类似input元素中的hidden属性,使元素处于不可见状态。hidden属性设置为ture,元素处于不可见状态;hidden属性设置为false时元素处于可见状态。

spellcheck属性

spellcheck属性主要是针对input元素和textarea这两个文本输入框提供的新属性,它的功能是对输入内容进行拼写和语法检查。它有个特殊的地方,就是必须声明属性值true或者false。如果元素是readonly属性或者disabled属性为true,不执行拼写检查。Firfox、IE、Chrome、Safari等浏览器都支持该属性。

27b0ac8e5aa7ae37f6126dde345d518f.png

tabindex属性

tabindex在程序开发概念,是指不断敲击Tab键让窗口或页面中控件获得焦点,对窗口的控件进行遍历,每个控件的tabindex表示第几个被访问的。之前这个属性在编辑网页很有用,现在是根据元素所在位置决定遍历顺序,所以就不需要了。不过tabindex拎一个作用,只有链接元素与表单元素可以通过按键获得焦点。如果对元素使用了tabindex属性后,也能让元素获得焦点,执行focus()语句时,可以让元素获得焦点了。但是这样会出现一个问题,元素会通过tab获得焦点,而这时候我们不想让该元素获得焦点这不是我们想要的结果。

0b75d55e136f49e8244de55fc490bb41.png

把元素的tabindex值设定为负数后就可以解决这个问题了。tabindex为负值时,可以通过编程的方式让元素获得焦点,但按下Tab键该元素就不能获得焦点了,这在复杂的页面是非常有用的。HTML5中巧妙运用该属性发挥了很大的作用。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/428874.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

用C语言模拟栈(简单实现)

//C语言模拟栈&#xff0c;简单实现 #include <stdio.h> #include <stdlib.h> typedef struct Node node; struct Node {int data;node *next; }; int quchu(node *p) //取出栈中的数 {if (p->next NULL)return -1;else{int x p->next->data;return x;}…

计算机网络技术教材多少钱,计算机网络技术课程标准教材.doc

《计算机网络技术》课程标准?为了规范计算机网络技术课程的教学&#xff0c;促进该课程教学质量的不断提高&#xff0c;保证计算机网络专业人才培养规格&#xff0c;特制定本课程的标准。本标准包括课程的性质与课程定位的定性描述、课程标准的设计思路、课程目标、课程内容标…

7-13 部落 (25 分)

在一个社区里&#xff0c;每个人都有自己的小圈子&#xff0c;还可能同时属于很多不同的朋友圈。我们认为朋友的朋友都算在一个部落里&#xff0c;于是要请你统计一下&#xff0c;在一个给定社区中&#xff0c;到底有多少个互不相交的部落&#xff1f;并且检查任意两个人是否属…

CSS常用的选择器和优先级的权重问题

CSS注释 CSS修改页面中的所有标签&#xff0c;必须借助选择器选中。选择器中&#xff0c;可以写多对CSS属性&#xff0c;用{}包裹&#xff1b;每个属性名与属性值之间用:分隔&#xff0c;多对属性之间&#xff0c;必须用;来分隔选择器{ 属性1:属性值1; 属性2:属性值2; 【选择器…

江阳职高计算机应用教改实验,计算机应用课程教改模式

掌握基本的计算机操作技能几乎成为当前社会每位劳动者的必备知识。在此情况下&#xff0c;以就业为根本导向的高职院校更应当注重学生的计算机基本教学。“计算机应用基础”课程教学也要不断与与时俱进&#xff0c;这样在才能适应社会对人才的全新要求。本文主要就高职院校“计…

memset和fill

C : memset 用法:memset(a,0,sizeof(a)); C fill用法&#xff1a;fill(ch,chn,0); 二维数组&#xff1a;fill&#xff08;ch[0],ch[0]mn,0);

转 list三种遍历效率

第一种&#xff1a;迭代器遍历for(Iterator<String> it list.iterator(); it.hasNext(); ) { .... } 这种方式在循环执行过程中会进行数据锁定&#xff0c;性能稍差&#xff0c;同时如果你想在循环过程中去掉某个元素&#xff0c;只能调用it.re…

7-9 六度空间 (30 分) C++实现

7-9 六度空间 (30 分) “六度空间”理论又称作“六度分隔&#xff08;Six Degrees of Separation&#xff09;”理论。这个理论可以通俗地阐述为&#xff1a;“你和任何一个陌生人之间所间隔的人不会超过六个&#xff0c;也就是说&#xff0c;最多通过五个人你就能够认识任何一…

有关计算机组成原理知识的论文,关于计算机组成原理的论文_计算机组成原理_图灵机的组成...

懂计算机组成原理的朋友进&#xff0c;帮帮我啊&#xff01;2演示《闪速存储器及技术》。首先是多媒体的组成&#xff0c;图声字&#xff0c;二是计算机的组成&#xff0c;主板&#xff0c;CPU&#xff0c;内存。三电脑读文件的过程 CPU将多媒体文件有硬盘调入内存&#xff0c;…

如何开发一个异常检测系统:异常检测 vs 监督学习

异常检测算法先是将一些正常的样本做为无标签样本来学习模型p(x),即评估参数&#xff0c;然后用学习到的模型在交叉验证集上通过F1值来选择表现最好的ε的值&#xff0c;然后在测试集上进行算法的评估。这儿用到了带有标签的数据&#xff0c;那么为什么不直接用监督学习对y1和y…

浙江省高等学校计算机等级考试有什么用,06秋年秋浙江省高等学校计算机等级考试试卷(三级数据库技术及应用)...

2006年秋浙江省高等学校(三级网络技术)试题1判断题用√和表示对和错(每小题1分&#xff0c;共10分)1&#xff0e;WWW是基于客户机和超文本技术建立的&#xff0c;其工作方式是客户机/服务器模式。T(1)2&#xff0e;计算机网络中信息的传输速率的单位是帧/秒。F(2)3&#xff0e;…

7-6 列出连通集 (25 分)(C语言实现)

给定一个有N个顶点和E条边的无向图&#xff0c;请用DFS和BFS分别列出其所有的连通集。假设顶点从0到N−1编号。进行搜索时&#xff0c;假设我们总是从编号最小的顶点出发&#xff0c;按编号递增的顺序访问邻接点。 输入格式: 输入第1行给出2个整数N(0<N≤10)和E&#xff0c…

KVM--安装及初步使用

KVM是Kernel-based Virtual Machine的简称,是一个开源的虚拟化模块,今天我将在CentOS7的操作系统上安装KVM,以下是我的安装步骤. 一.环境信息 系统: CentOS 7.2 IP: 10.0.0.12/24 在虚拟机安装时,需要启用CPU的虚拟化功能 二. KVM安装步骤 1. 安装qemu-kvm和libvirt [rootkvm-…

微机化远动系统与计算机网络,远动技术教案_第3章_微机监控系统数据通信网络结构及原理.pdf...

Generated by Foxit PDF Creator © Foxit SoftwareFor evaluation only.第三章数据通信网络结构及原理远动监控系统信息传输及网络通信技术主讲&#xff1a;申惠华东交通大学电气与电子工程学院Generated by Foxit PDF Creator © Foxit SoftwareFor evaluation only.…

7-9 六度空间 (30 分)(C语言实现)

“六度空间”理论又称作“六度分隔&#xff08;Six Degrees of Separation&#xff09;”理论。这个理论可以通俗地阐述为&#xff1a;“你和任何一个陌生人之间所间隔的人不会超过六个&#xff0c;也就是说&#xff0c;最多通过五个人你就能够认识任何一个陌生人。”如图1所示…

中南大学和中山大学计算机专业哪个好,中山大学和中南大学哪个实力更强?一字之差,一起来看看吧!...

原标题&#xff1a;中山大学和中南大学哪个实力更强&#xff1f;一字之差&#xff0c;一起来看看吧&#xff01;我国好大学有很多&#xff0c;但是各大学之间的实力参差不齐&#xff0c;就算是985也有很大区别&#xff0c;今天我们就谈一谈两个名字&#xff0c;比较相似的&…

在latex或者mathtype中如何输入花体,如拉式量L

这个问题困扰我很久&#xff0c;知道我找到这个答案&#xff1a;把 \mathcal{L}直接黏贴到mathtype的编辑框中就可以产生花体L了转载于:https://www.cnblogs.com/www-caiyin-com/p/7410050.html

7-3 旅游规划 (25 分)(C语言实现)

有了一张自驾旅游路线图&#xff0c;你会知道城市间的高速公路长度、以及该公路要收取的过路费。现在需要你写一个程序&#xff0c;帮助前来咨询的游客找一条出发地和目的地之间的最短路径。如果有若干条路径都是最短的&#xff0c;那么需要输出最便宜的一条路径。 输入格式: …

计算机软件专利申请期限,软件发明专利申请期限为何那么长

一、发明专利1.适用范围发明专利申请适用范围较广&#xff0c;不但包括方法、工艺、配方、中西药、计算机软件、电子商务等技术领域&#xff0c;还可包括机械设备、机、电产品等具有立体形状和功能结构的工业品和日用品&#xff0c;但前者只能申请发明专利&#xff0c;后者还可…

Drozer快速使用指南

Drozer快速使用指南 1、简介&#xff1a; Drozer是一款用于测试android应用程序漏洞的安全评估工具&#xff0c;能够发现多种类型的安全的漏洞&#xff0c;免费版本的相关资源下载地址&#xff1a; https://www.mwrinfosecurity.com/products/drozer/community-edition/ 其中包…