您的位置:首页 > Web前端 > HTML5

h5的全局属性-对任何元素都可使用的属性

2017-09-26 20:57 295 查看
contentEditable属性:(微软开发,其他浏览器反编译并且投入应用的全局属性)允许用户编辑元素中的内容,可获鼠标并且点击鼠标后,向用户提供一个插入符号,提供一个插入符号,提示用户该元素内容允许编辑。布尔类型,false代表不可编辑;true代表可编辑。此外,该属性具有一个隐藏的继承状态,属性为true时元素指定允许编辑,false时元素指定不可编辑;未指定时,由继承状态决定。
<h1>可编辑列表</h1>
<ul contenteditable="">
<!--或者<ul contenteditable="true">-->
<li>列表1</li>
<li>列表2</li>
</ul>
<h2>不可编辑</h2>
<ul contenteditable="false">
<li>列表3</li>
<li>列表4</li>
</ul>


designMode属性:用来指定整个页面是否可编辑,当页面可编辑时,页面中所有支持上下文可编辑的contentEditable属性都变为可编辑状态。designMode属性只能在JavaScript脚本里被修改编辑,只有两个属性值on、off;当为on时可编辑,of时候不可编辑
hidden属性:h5中所有元素都允许使用该属性,通知浏览器不渲染该元素,页面加载后允许js脚本取消该元素,取消后变为可变状态。布尔类型,true时可见,false不可见
<ul>
<li hidden="true">列表3</li>
<li hidden="false">列表4</li>
</ul>


spellcheck属性:h5针对于input与textarea两个文本框提供的新属性,对用户输入的内容进行拼写和语法检查
<input type="text" spellcheck=""/>


tabindex属性:当不断敲击tab键,让窗口或页面中的控件获得焦点,对所有控件元素进行便利,每一个控件的tabindex表示第几个被访问到的。如果想让默认的不能获取tab的元素获取焦点,可加tabindex。  
<a href="#" tabindex="1">hello</a>
<a href="#" tabindex="6">hello</a>
<a href="#" tabindex="3">hello</a>
<ul tabindex="2"><!--当tabindex="-1"时候,无法通过tab键获取焦点,但是可以获取tabindex-->
<li>1</li>
<li>2</li>
</ul>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  h5
相关文章推荐