HTML5之全局属性 (声明:内容节选自《HTML 5从入门到精通》)
contentEditable
————————————————————————————————————————————————————————
功能:允许用户编辑元素中的内容。
功能说明:
该元素必须是可以获得鼠标焦点的元素,而且在点击鼠标后要向用户提供一个插入符号,提示用户该元素中的内容允许编辑。
注意: contentEditable是一个布尔类型属性,因此可以将其设置为true或false。
说明:该属性还有个隐藏的inherir(继承)状态,属性为true时,元素被指定位允许编辑;属性为false时,元素被指定为不允许编辑;未指定true或false时,则由inherir状态来决定,如果元素的父元素是可编辑的,则该元素就是可编辑的。另外,除了contentEditable属性外,元素还具有一个iscontentEditable属性,当元素可编辑时,该属性为true;当元素不可编辑时,该属性为false。
designMode
————————————————————————————————————————————————————————
功能:用来指定整个页面是否可编辑,当页面可编辑时,页面中任何支持上文所述的contentEditable属性的元素都变成了可编辑
状态。
注意:designMode属性只能在JavaScript脚本里被编辑修改。designMode属性的两个值:该属性有两个值——“on”与
“off”。当属性被指定为“on”时,页面可编辑;被指定为“off”时,页面不可编辑。
使用JavaScript脚本来指定designMode属性的方法如下所示:document.designMode=”on”。
hidden
————————————————————————————————————————————————————————
适用范围:在HTML5中,所有的元素都允许有一个hidden
作用:hidden属性类似于aria-hidden,它告诉浏览器这个元素的内容不应该以任何方式显示。但是元素中的内容还是浏览器创建的
,也就是说页面装载后允许使用JavaScript脚本将该属性取消,取消后该元素变为可见状态,同时元素中的内容也即时显示出来。
类型:Hidden属性是一个布尔值的属性,当设为true时,元素处于不可见状态;当设为false时,元素处于可见状态。
spellcheck
————————————————————————————————————————————————————————
适用范围:spellcheck属性 是HTML5针对input元素(type=text)与textarea这两个文本输入框提供的一个新属性
功能:为对用户输入的文本内容进行拼写和语法检查。
类型:Spellcheck属性是布尔型 ,具体true和false两种值,但是它在书写时有一个特殊的地方,就是必须明确声明属性值为
true或false,书写方法如下所示:
1
2
3
4
5
6
7
8
9
|
<!--以下两种书写方法正确-->
< textarea spellcheck="true">
< input type=text spellcheck=false />
<!--以下书写方法为错误-->
< textarea spellcheck >
|
注意:如果元素的readOnly属性或disabled属性设为true,则不执行拼写检查。
tabindex
————————————————————————————————————————————————————————
Tabindex是开发中的一个基本概念,当不断敲击Tab键让窗口或页面中的控件获得焦点,对窗口或页面中的所有控件进行遍历的时候,每一个控件的tabindex 表示该控件是第几个被访问到的。
tabindex属性还有另外一个作用。在默认情况下,只有链接、表单元素和图像映射区域可以通过键盘获得焦点。如果对其他元素使用tabindex属性后,也能让改元素获得焦点,那么当脚本中执行focus()语句的时候,就可以让该元素获得焦点了。但是这样做会产生一个副作用:该元素也可以通过Tab键获得焦点,而这又时可能不是开发者想要的结果。把元素的tabindex值设为负数(通常为-1)后就解决这个问题了。Tabindex的值为负数后,仍然可以通过编程的方式让元素获得焦点,但按下Tab键时该元素就不能获得焦点了,这在复杂的页面中或复杂的Web应用程序中时十分有用的。在HTML4中,-1是一个无用的属性值,但到了HTML5中,通过巧妙地运用让改属性值得到了极大地应用。
转载于:https://www.cnblogs.com/agasha/p/9971735.html
HTML5之全局属性 (声明:内容节选自《HTML 5从入门到精通》)相关推荐
- 网络安全工程师需要学哪些内容?零基础如何从入门到精通,看完这一篇就够了
网络安全工程师需要学习哪些内容? 作为一名网络安全工程师,需要学习以下内容: 计算机网络和操作系统:网络安全工程师需要了解计算机网络和操作系统的基础知识,以便理解网络安全的基础原理. 网络协议和技术: ...
- HTML5 APP从入门到精通
文档说明 版本说明 第一章 HTML入门 1.3 HTML 新增元素 1.3.1 结构元素 1.3.2 功能元素 1.7 HTML5 新增全局属性 1.8 HTML5 其他功能 第二章 HTML5文字 ...
- html5干货,干货:详解HTML5中常见的五大全局属性
HTML5中新增了"全部属性"的概念.所谓全局属性它是指可以对任何元素都可以使用的属性,今天为大家详细介绍三种常见的全局属性. contentEditable属性 contentE ...
- html5常见使用的属性,HTML5常见五种常规全局属性
HTML5中有很多的属性,新增了一个HTML中没有的属性:全局属性. 接下来一起看HTML5常见五种常规全局属性. contentEditable属性 contentEditable是由微软开发.被其 ...
- 《HTML5游戏编程核心技术与实战》一2.6 其他全局属性
本节书摘来异步社区<HTML5游戏编程核心技术与实战>一书中的第2章,第2.6节,作者: 向峰 责编: 杨海玲,更多章节内容可以访问云栖社区"异步社区"公众号查看. 2 ...
- HTML5全局属性和事件
全局属性和事件能够应用到所有标签元素上,在HTML4中有许多全局属性,比如id,class等.HTML5中又新增了一些特殊功能的全局属性和事件. 属性: HTML5属性能够赋给标签元素含义和语境,下面 ...
- HTML5: 全局属性
出处:http://www.cnblogs.com/starof/p/4593741.html 全局属性:对于任何一个标签都是可以使用的属性. 一.data-* 在html5之前需要在html标签上添 ...
- html全局事件,HTML5全局属性和事件
摘要: 全局属性和事件能够应用到所有标签元素上,在HTML4中有许多全局属性,比如id,class等.HTML5中又新增了一些特殊功能的全局属性和事件. 属性: HTML5属性能够赋给标签元素含义和语 ...
- html5指南--1.html5全局属性(html5 global attributes)
今天开始一个全新的关于html5系列课程,是我读<The Definitive Guide to HTML5 >的学习笔记.我会把自己觉得里面不错的章节,或者有意义的内容进行整理,以供大家 ...
- HTML5 全局属性
HTML5 全局属性 了解HTML5新加入的内容,首先了解对于所有元素都适应的全局属性,一部分是HTML5新添加的属性,一部分是HTML5之前就已经存在的属性,至于是什么时候添加到HTML标准中,就不 ...
最新文章
- python 调用linux内核api_Linux系统调用及用户编程接口(API)学习
- Nginx在安装过程经常出现的问题
- [云炬创业基础笔记] 第四章测试6
- 计算机职称考试知识点,职称计算机考试复习知识点
- centos7下cups + samba共打印服务的教程
- python编程入门指南-最简单的Python编程入门指南,没基础也能快速入门Python编程...
- 覆盖Dispatch响应消息
- 南阳理工ACM 题目33 蛇形填数
- 函数求和公式计算机出库入库,出库入库表格函数公式.doc
- 主汛期到达!水库大坝如何利用北斗短报文等应用防灾减灾?
- 如何使用DDMS Heap查看Android应用内存情况
- access统计班级人数_使用ACCESS查询统计分数段人数
- 搭建GitHub免费个人网站(详细教程)
- 如何清理C盘空间垃圾?一键清理系统垃圾保障Windows快速运行
- Android OS历史版本
- 一月到十二月的英文简写和英文单词
- 关于深度学习人工智能模型的探讨(四)(5)
- ISA防火墙策略配置/服务器发布
- 1577 例题3 数字转换(LOJ10155) 约数计算 树上最长链(两次找最大深度)
- 沈剑:技术核心管理者的时间,都只花在这 20% 的事情上
热门文章
- Android Context简单说明
- 彻底安装oracle数据库,安装 Oracle 数据库软件
- php文件锁不起作用,php文件锁产生的问题和解决方案(一个真实案例)
- 倒计时 5 天!Apache Flink Meetup 7.10 北京站,Flink x TiDB 专场等你来!
- edup网卡 linux,应用笔记--使用USB WiFi网卡
- 图像 理想低通滤波_高通滤波、低通滤波、带通滤波 python实现
- 包无法安装_BiocManager无法安装R包
- php 字符串中 数组变量,PHP返回变量或数组的字符串表示:var_export()
- triz矛盾矩阵_TRIZ—创新性问题解决理论与实务培训
- python-图书管理系统5-全部代码