hidden属性

很多小伙伴一看今天的这个标题，可能就会觉得今天要说的内容是不是太简单了，谁都知道hidden啊，input标签里面有一个hidden属性，通过这个属性我们可以隐藏input标签，实现在页面埋一些数据的功能。

但是我们今天讲的这个hidden，此hidden非彼hidden，这个hidden是所有元素都有的一个属性，它的作用和input上的hidden属性的作用是相同的，可以实现隐藏元素的作用，接下来让我们看几个例子

没加hidden属性之前

我们在页面上写了两个p标签

<p>我是第一个p元素</p>
<p>我是第二个p元素</p>

在没加hidden属性之前是可以正确显示的

加入hidden属性之后

<p hidden="hidden">我是第一个p元素</p><p>我是第二个p元素</p>

让我们看一下此时的页面结构，这时我们可以看到第一个p标签被设置为display：none了，也就是说给元素设置了hidden属性之后，就想到当于给标签设置了display：none

当然我们也可以和input里面的hidden 那样直接写一个hidden即可，因为hidden属性是一个布尔值,这样也能起到相同的作用。

<p hidden>我是第一个p元素</p>

好了，我们今天的分享就到这里了，欢迎小伙伴们留言。