首页 > 作文

HTML5之全局属性 (声明:内容节选自《HTML 5从入门到精通》)

更新时间:2023-04-03 02:27:37 阅读: 评论:0

contenteditable

————————————————————————————————————————————————————————

功能:允许用户编辑元素中的内容。

功能说口琴好学吗明:

该元素必须是可以获得鼠标焦点的元素,而且在点击鼠标后要向用户提供一个插入符号,提示用户该元素中的内容允许编辑。

注意:contenteditable是一个布尔类型属性,因此可以将其设置为true或fal。

说明:该属性还有个隐藏的inherir(继承)状态,属性为true时,元素被指定位允许编辑;属性为fal时,元素被指定为不允许编辑;未指定true或fal时,则由inherir状态来决定,如果元素的父元素是可编辑的,则该元素就是可编辑的。另外,除了contenteditable属性外,元素还具有一个iscontenteditable属性,当元素可编辑时,该属性为true;当元素不可编辑时,该属性为fal。

designmode

————————————————————————————————————————————————————————

功能:用来指定整个页面是否可编辑,当页面可编辑时,页面中任何支持上文所述的contenteditable属性的元素都变成了可编辑

状态。

注意:designmode属性只能在javascript脚本里被编辑修改。designmode属性的两个值:该属性有两个值——“on”与

“off”。当属性被指定为“on”时,页面可编辑;被指定为“off”时,页面不可编辑。

使用javascript脚本来指定designmode属性的方法如下所示:document.designmode=”on”。

hidden

————————————————————————————————————————————————————————

适用范围:在html5中,所有的元素都允许有一个hidden

作用:hidden属性类似于aria-hidden,它告诉浏览器这个元素的内容不应该以任何方式显示。但是元素中的内容还是浏览器创建的

,也就是说页面装载后允许使用javascript脚本将该属性取消,取消后该元素变为可见状态,同时元素中的内容也即时显示出来。

类型:hidden属性是一个布尔值的属性,当设为true时,元素处于不可见状态;当设为fal时,元素处于可见状态。

spellcheck

————————————————————————————————————————————————————————

适用范围:spellcheck属性 吭的多音字组词是html5针对input元素(type=text)与text松鼠阅读area这两个文本输入框提供的一个新属性

功能:为对用户输入的文本内容进行拼写和语法检查。

类型:spellcheck属性是布尔型 ,具体true和fal两种值,但是它在书写时有一个特殊的地方,就是必须明确声明属性值为

true或fal,书写方法如下所示:

1 2 3 4 5 6 7 8 9 <!--以下两种书写方法正确--> < textarea 走班spellcheck="true"> < input type=text spellcheck=fal /> <!--以下书写方法为错误--> < textarea spellcheck >

注意:如果元素的readonly属性或disabled属性设为true,则不执行拼写检查。

tabindex

————————————————————————————————————————————————————————

tabindex是开发中榜样作文800字的一个基本概念,当不断敲击tab键让窗口或页面中的控件获得焦点,对窗口或页面中的所有控件进行遍历的时候,每一个控件的tabindex 表示该控件是第几个被访问到的。

tabindex属性还有另外一个作用。在默认情况下,只有链接表单元素图像映射区域可以通过键盘获得焦点。如果对其他元素使用tabindex属性后,也能让改元素获得焦点,那么当脚本中执行focus()语句的时候,就可以让该元素获得焦点了。但是这样做会产生一个副作用:该元素也可以通过tab键获得焦点,而这又时可能不是开发者想要的结果。把元素的tabindex值设为负数(通常为-1)后就解决这个问题了。tabindex的值为负数后,仍然可以通过编程的方式让元素获得焦点,但按下tab键时该元素就不能获得焦点了,这在复杂的页面中或复杂的web应用程序中时十分有用的。在html4中,-1是一个无用的属性值,但到了html5中,通过巧妙地运用让改属性值得到了极大地应用。

本文发布于:2023-04-03 02:27:35,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/zuowen/7b63964d993062c36f6ba13e4a4cacf1.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

本文word下载地址:HTML5之全局属性 (声明:内容节选自《HTML 5从入门到精通》).doc

本文 PDF 下载地址:HTML5之全局属性 (声明:内容节选自《HTML 5从入门到精通》).pdf

标签:元素   属性   编辑   页面
相关文章
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图