html5中常见的全局属性
1.contentEditable属性
1、功能说明
（1）功能：允许用户编辑元素中的内容
（2）说明：是一个布尔值，false是不能编辑，true为可编辑
该元素还隐藏一个inherit状态 也是一个布尔值 。如果不指定，则由该元素继承的父级元素来决定
2、分析实例
（1）contenteditable属性为false
<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<title>contentEditable</title>
</head>
<body>
<ul contenteditable="false">
<li>星期一</li>
<li>星期二</li>
<li>星期三</li>
<li>星期四</li>
<li>星期五</li>
<li>星期六</li>
<li>星期日</li>
</ul>\
</body>
显示结果
（2）contenteditable属性为true
<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<title>contentEditable</title>
</head> <ul contenteditable="true">
<li>星期一</li>
<li>星期二</li>
<li>星期三</li>
<li>星期四</li>
<li>星期五</li>
<li>星期六</li>
<li>星期日</li>
</ul>
显示结果
2.designMode属性
该属性用来指定整个页面是否可编辑，当页面可编辑时，页面中任何支持 contentEditable 的元素都变成可编辑状态。
该属性只能在JavaScript脚本中编辑修改。该属性有两个值——“on” 与 “off” 。属性为 “on”时，页面可编辑；为 “off”时，页面不可编辑。
页面中有
<iframe id="editor">可以标记</iframe>
在JavaScript脚本中指定designMode属性的方法如下：
editor.document.designMode="on";
3.Hidden属性
所有元素都允许使用该属性。
该元素类似于 input 元素中的 hidden 元素，功能是通知浏览器不渲染该元素，是该元素处于不可近状态。
4.spellcheck属性
spellcheck 属性规定是否对元素内容进行拼写检查。
可对以下文本进行拼写检查：
- 类型为 text 的 input 元素中的值（非密码）
- textarea 元素中的值
- 可编辑元素中的值
5.tabindex属性
当浏览者浏览网站时可以通过按TAB键在网页的链接中依次移动，这是一个相当方便实用的功能。但如果网页中链接太多，恐怕按TAB键就没什么作用了，这时不妨通过改变 TAB键移动的顺序来突出重点，在某些重要页面上方便访问者。
使用TABINDEX属性可以设置TAB键在链接中的移动顺序。把链接的TABINDEX属性设成1到32767的一个值，就可以把这个链接加入到 TAB键的序列中，而若把 TABINDEX属性设为一个负值（如TABINDEX="-1"），那么这个链接将被排除在TAB键的序列之外。
当浏览者使用TAB键在网页链接中移动时，将首先移动到具有最小TABINDEX属性值的链接上，最后在具有最大TABINDEX属性值的链接上结束移动。如果有两个链接的 TABINDEX属性相同，则以链接在html代码中出现的顺序为准。
<a href="http://www.microsoft.com/" tabindex="-1">Microsoft</a>
<a href="http://www.microsoft.com/" tabindex="0">Microsoft</a>
<a href="http://www.microsoft.com/" tabindex="1">Microsoft</a>
<a href="http://www.microsoft.com/" tabindex="2">Microsoft</a>
<a href="http://www.microsoft.com/" tabindex="3">Microsoft</a>
html5中常见的全局属性的更多相关文章
- HTML5中script的async属性异步加载JS
HTML5中script的async属性异步加载JS HTML4.01为script标签定义了5个属性: charset 可选.指定src引入代码的字符集,大多数浏览器忽略该值.defer 可 ...
- html5中script的async属性
html5中script的async属性 我兴奋于html5的原因之一是一些久久未能实现的特性现在可以真正运用于实际项目中了. 如我们使用placeholder效果蛮久了但是那需要javascript ...
- css3系列-2.css中常见的样式属性和值
css3系列-2.css中常见的样式属性和值 继续上一篇文章的继续了解css的基础知识,关注我微信公众号:全栈学习笔记 css中常见的样式属性和值 字体与颜色 背景属性 文本属性 边框属性 内外边距 ...
- iOS开发设置关于tabBar和navigationBar以及item中的一些全局属性
/* To set item label text attributes use the appearance selectors available on the superclass, UIBar ...
- html5中新的标准属性
属性 值 描述accesskey ...
- HTML5中 基本用法及属性 韩俊强的博客
从今天开始更新H5相关学习:希望大家能一起学习,多学习一门语言,多一门乐趣! 了解Html5: Html5基本属性: <!DOCTYPE html> <html lang=" ...
- html5中 input的pattern属性 和 details/summary元素
html5--3.21 课程小结与其他新增元素 一.总结 一句话总结: input的pattern属性可以设置正则验证,比如检测学号的位数和数字区间 details/summary元素配合起来可以做元 ...
- HTML5中form的新增属性或元素
1.新增的表单元素 1.1 progress表示任务的完成情况,常用于进度条. max 定义进度元素所要求的任务的工作量,默认值为1 value 定义已经完成的工作量,如果max值为1,该值必须是介于 ...
- HTML5中标记与特殊属性
不允许写结束标记的元素有(只允许<元素/>): area.base.br.col.command.embed.hr.img.input. keygen.link.meta.param.so ...
随机推荐
- 您不能在64位可执行文件上设置DEP属性
原因:32位的跟64位不匹配 解决方案: 更改文件目录为:C:\\Windows\SysWOW64dll\host.exe
- find
语法:find [路径] [参数] [action] -name filename,查找名为filename的文件 -iname filename,查找名为filename的文件,但是不区分大小写 - ...
- 3、DNS服务器功能（正向、反向解析）
实验目的: 建立gr.org域的主名称服务器.解析: 名称 IP 用途 ns.gr.org 192.168.170.3 名称服务器 www.gr.org 192 ...
- 快速排序（python实现）
算法导论上的快速排序采用分治算法,步骤如下: 1.选取一个数字作为基准,可选取末位数字 2.将数列第一位开始,依次与此数字比较,如果小于此数,将小数交换到左边,最后达到小于基准数的在左边,大于基准数的 ...
- ArrayList 保证多线程安全
一:使用synchronized关键字 二:使用Collections.synchronizedList();使用方法如下: 假如你创建的代码如下:List<Map<String,Obje ...
- SQL获取本周、本月、本季度的记录的语句
前提条件:假设表名为:tableName:时间字段名为:theDate ①查询本周的记录 select * from tableName where DATEPART(wk, theDate) = D ...
- 17-前端开发之jQuery
什么是 jQuery ? jQuery 是一个 JavaScript 库,它极大地简化了 JavaScript 编程. jQuery是一个兼容多浏览器的javascript库,核心理念是write l ...
- CSS代码实例:用CSS代码写出的各种形状图形
一共收集整理了图形20个,比较实用,同时也为了熟悉CSS的代码.整合了一下,有错误欢迎指出. 1.正方形 #square { width: 100px; height: 100px; backgrou ...
- 【转】一些 SQLite技巧
部分来源于网络 SQLite 删除重复行 需求:现存在一张表tender_to_detailedlist,然后里面的列tender_id和detailedlist_id具有相同的数据且不确定相同数据的 ...
- K-means聚类算法
聚类分析(英语:Cluster analysis,亦称为群集分析) K-means也是聚类算法中最简单的一种了,但是里面包含的思想却是不一般.最早我使用并实现这个算法是在学习韩爷爷那本数据挖掘的书中, ...