contentEditable
————————————————————————————————————————————————————————
功能：允许用户编辑元素中的内容。
功能说明：
该元素必须是可以获得鼠标焦点的元素，而且在点击鼠标后要向用户提供一个插入符号，提示用户该元素中的内容允许编辑。
注意： contentEditable是一个布尔类型属性，因此可以将其设置为true或false。
说明：该属性还有个隐藏的inherir（继承）状态，属性为true时，元素被指定位允许编辑；属性为false时，元素被指定为不允许编辑；未指定true或false时，则由inherir状态来决定，如果元素的父元素是可编辑的，则该元素就是可编辑的。另外，除了contentEditable属性外，元素还具有一个iscontentEditable属性，当元素可编辑时，该属性为true；当元素不可编辑时，该属性为false。
designMode
————————————————————————————————————————————————————————
功能：用来指定整个页面是否可编辑，当页面可编辑时，页面中任何支持上文所述的contentEditable属性的元素都变成了可编辑
状态。
注意：designMode属性只能在JavaScript脚本里被编辑修改。designMode属性的两个值：该属性有两个值——“on”与
“off”。当属性被指定为“on”时，页面可编辑；被指定为“off”时，页面不可编辑。
使用JavaScript脚本来指定designMode属性的方法如下所示：document.designMode=”on”。
hidden
————————————————————————————————————————————————————————
适用范围：在HTML5中，所有的元素都允许有一个hidden
作用：hidden属性类似于aria-hidden，它告诉浏览器这个元素的内容不应该以任何方式显示。但是元素中的内容还是浏览器创建的
，也就是说页面装载后允许使用JavaScript脚本将该属性取消，取消后该元素变为可见状态，同时元素中的内容也即时显示出来。
类型：Hidden属性是一个布尔值的属性，当设为true时，元素处于不可见状态；当设为false时，元素处于可见状态。
spellcheck
————————————————————————————————————————————————————————
适用范围：spellcheck属性 是HTML5针对input元素（type=text）与textarea这两个文本输入框提供的一个新属性
功能：为对用户输入的文本内容进行拼写和语法检查。
类型：Spellcheck属性是布尔型 ，具体true和false两种值，但是它在书写时有一个特殊的地方，就是必须明确声明属性值为
true或false，书写方法如下所示：
|
1 2 3 4 5 6 7 8 9 |
|
注意：如果元素的readOnly属性或disabled属性设为true，则不执行拼写检查。
tabindex
————————————————————————————————————————————————————————
Tabindex是开发中的一个基本概念，当不断敲击Tab键让窗口或页面中的控件获得焦点，对窗口或页面中的所有控件进行遍历的时候，每一个控件的tabindex 表示该控件是第几个被访问到的。
tabindex属性还有另外一个作用。在默认情况下，只有链接、表单元素和图像映射区域可以通过键盘获得焦点。如果对其他元素使用tabindex属性后，也能让改元素获得焦点，那么当脚本中执行focus()语句的时候，就可以让该元素获得焦点了。但是这样做会产生一个副作用：该元素也可以通过Tab键获得焦点，而这又时可能不是开发者想要的结果。把元素的tabindex值设为负数（通常为-1）后就解决这个问题了。Tabindex的值为负数后，仍然可以通过编程的方式让元素获得焦点，但按下Tab键时该元素就不能获得焦点了，这在复杂的页面中或复杂的Web应用程序中时十分有用的。在HTML4中，-1是一个无用的属性值，但到了HTML5中，通过巧妙地运用让改属性值得到了极大地应用。
原文地址：https://www.cnblogs.com/agasha/p/9971735.html