HTML5新增全局属性

最新推荐文章于 2022-05-20 19:08:24 发布

学习备用号

最新推荐文章于 2022-05-20 19:08:24 发布

阅读量228

点赞数

文章标签： html5

本文链接：https://blog.youkuaiyun.com/m0_46549558/article/details/124401878

版权

contenteditable：规定是否允许用户编辑内容

contenteditable的值可以为true，表示内容可编辑；false，表示内容不可编辑。

<p contenteditable="true">这是一段可编辑的段落。请试着编辑该文本。</p>

contextmenu：规定元素的上下文菜单

contextmenu 属性为元素规定上下文菜单。这个菜单会在用户右键点击元素时出现。contextmenu 属性的值是需要打开的<menu>元素的id。

<p contextmenu="supermenu">本段落拥有一个名为 "supermenu" 的上下文菜单。这个菜单会在用户右键单击该段落时出现。</p>
<menu id="supermenu">
    <command label="Step 1: Write Tutorial"   οnclick="doSomething()">
    <command label="Step 2: Edit Tutorial"   οnclick="doSomethingElse()">
</menu>

注：目前只有firefox支持

hidden：规定该元素是无关的，被隐藏的元素不会显示

hidden 属性规定对元素进行隐藏，隐藏的元素不会被显示，也不会在页面上占有位置。

可以对 hidden 属性进行设置，使用户在满足某些条件时才能看到某个元素（比如选中复选框，等等）。然后，可使用 JavaScript 来删除 hidden 属性，使该元素变得可见。

<p hidden="hidden">这是一个段落。</p>

spellcheck：规定是否必须对元素进行拼写或语法检查,值有true和false

可对以下文本进行拼写检查：类型为 text 的 input 元素中的值（非密码）、textarea 元素中的值、可编辑元素中的值

<p contenteditable="true"  spellcheck="true">这是有编写检查的可编辑段落。请试着编辑文本。</p>

draggable：规定是否允许用户拖动元素

属性值有三种：true规定元素是可拖动的；false规定元素是不可拖动的；auto使用浏览器的默认特性。

<p draggable="true">This is a draggable paragraph.</p>