欢迎来到模板无忧!织梦模板,dede模板下载,织梦cms模板,免费网站模板下载站

模板无忧

全局属性在HTML5中提出带来的影响

企业模板

1.contentEditable属性该属性的主要功能是允许用户编辑元素中的内容。他说一个布尔值,可以是TRUE或FALSE。当值为TRUE时,在元素焦点上单击鼠标,可以获得鼠标焦点,并插入一个符号,提示用户该元素的内如允许编辑,反之则不提示。还有,该元素还有一个隐藏的inherit状况,该状况也是一个布尔值。当值为TRUE时允许编辑,当值为FALSE时不可以编辑。假如不指定值,则由该元素继承的父级元素来决定,父级元素允许编辑则该元素也允许编辑,如父级元素不可以编辑,则该元素也不可以编辑。

在HTML5中,新增了一个“全局属性”的定义,大家知晓,属性有哪些用途域是元素,全局属性有哪些用途域就是所有元素。在大家就来认识几种大家常常会用到的全局属性。

<iframe id="editor">

2.designMode属性该属性用于指定整个页面能否编辑,当页面可编辑时,页面中任何支持contenteditable的元素都变成可编辑状况。该属性只能在JavaScript脚本中进行编辑修改。该属性并不是布尔值,而是“on”和“off”。当值为“on”时,页面可以进行编辑;当值为“off”时,页面不可编辑。页面中有以下框架代码:

在JavaScript脚本指定designmode属性的办法如下:editor.document.designmode="on"

</iframe>

4.spellcheck属性在HTML5中,spellcheck属性针对input元素(type=text)和textarea这两个文本输入框提供拼写检查。该属性的值是一个布尔值,为TRUE时实行拼写检查,为FALSE时不实行拼写检查input和textarea元素指定spellcheck属性的代码如下:

3.hidden属性在HTML5中,该属性用于隐藏或显示元素。hidden属性的值是一个布尔值,当设置为TRUE时,元素不可见;当值为FALSE时,元素可见。需要提醒的是,不可见的元素并非没有,只不过浏览器并未渲染该元素,假如在页面加载后,用JavaScript脚本对该属性的值进行更改,则元素变为可见状况。就像下面的代码演示成效一样。

<textarea spellcheck="true">

<input type="text" spellcheck="false" />

这里有个问题应该注意一下,假如一个元素的readonly属性或disable属性为TRUE,则不实行拼写检查。

</textarea>

5.tabindex属性一个页面中会有不少个控件,当敲击TAB键时,焦点会在各个控件之间切换,tabindex用于表示该控件是第几个被访问的控件。假如设置一个控件的tabindex值为负数,那样通过按下tab键时改控件就不可以获得焦点,但仍然可以通过编程的方法让控件获得焦点,这在复杂的页面或web编程中是很有用的。tab按从小到大的顺序进行导航,值为0的控件会被最后导航到。用tab键对多个文本框进行导航的代码如下:好了,关于全局属性的类型就介绍到这里了。


希望以上内容可以解决您的问题!
如有其他问题欢迎大家一起交流学习!
作者:酱油妹 来源:www.nsxcb.cn 关注: 时间:2022-03-21 10:00
版权声明:凡注明来源为http://www.nsxcb.cn的均为本站原创,转载请注明来源。
本文网址:http://www.nsxcb.cn/HTML/HTML5/20220321/13289.html
凡本站提供教程均已验证教程的准确性。
相关教程
在线客服

织梦模板 整站模板 新手教程 使用技巧