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

来源:互联网 发布:磁力在线播放 源码 编辑:程序博客网 时间:2024/06/07 06:05

  1. 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>

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

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

  5. 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>