html中hidden的具体怎么用?举个例子体现它的作用。

html中hidden的具体怎么用?举个例子体现它的作用。,第1张

举例如下:

1、第一步,创建HTML和CSS文件并将其彼此关联,如下图所示,然后进入下一步

2、其次,完成上述步骤后,在此处创建三个span标签作为示例 ,如下图所示,然后进入下一步。

3、接着,完成上述步骤后,“display:none”能够使元素消失并腾出空间,如下图所示,然后进入下一步。

4、然后,完成上述步骤后,“visibility:hidden”只会隐藏元素,位置仍然保留,如下图所示,然后进入下一步。

5、随后,完成上述步骤后,也可以使用div包裹,使div内部的都消失,如下图所示,然后进入下一步。

6、最后,完成上述步骤后,就获得了想要的结果了,如下图所示。

HTML hidden 属性,(一)定义和用法:

hidden 属性是布尔属性。

如果设置该属性,它规定元素仍未或不再相关。

浏览器不应显示已规定 hidden 属性的元素。

hidden 属性也可用于防止用户查看元素,直到匹配某些条件(比如选择了某个复选框)。然后,JavaScript 可以删除 hidden 属性,以使此元素可见。

(二)语法:

<element hidden>

(三)实例:

被隐藏的段落:

<p hidden>这个段落应该被隐藏。</p>

隐藏,不显示出来,主要用于提交一些不让人看见的值。比如,表单中的一个元素,就是有时候你需要这个值通过form提交到后台,但是你不想让他显示在页面上,就可以利用hidden来存值,再提交

就好像 要提交客户端的运行环境之类的信息


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6120698.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-15
下一篇 2023-03-15

发表评论

登录后才能评论

评论列表(0条)

保存