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

请具体举个例子说一下它的用法,作用。请教高手

举例如下:

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

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

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

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

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

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

温馨提示:答案为网友推荐,仅供参考
第1个回答  2019-09-27

1、创建HTML和CSS文件,并且互相关联。

2、这里创建三个span标签作为示范。

3、display:none可以让元素消失,并且腾出位置。

4、visibility:hidden只会隐藏元素,位置还是保留的。

5、也可以用一个div包裹,让div里面的都消失。

6、效果图如下。

本回答被网友采纳
第2个回答  推荐于2017-11-22
hidden用于放隐藏域,用于存放数据,form表单提交时会把这个值也提交至后台。。

例如
<form action="test.jsp">
<input type="hidden" name="test" id="test" value="hello" />
</form>

在页面js中可以用document.getElementById("test").value来取得hello这个值(当然也可以把hello改成别的值),也可以在test.jsp中用:
request.getParameter("test")来取得hello这个值本回答被提问者采纳
第3个回答  2018-07-28
hidden用于放隐藏域,用于存放数据,form表单提交时会把这个值也提交至后台。。

例如
<form action="test.jsp">
<input type="hidden" name="test" id="test" value="hello" />
</form>

在页面js中可以用document.getElementById("test").value来取得hello这个值(当然也可以把hello改成别的值),也可以在test.jsp中用:
request.getParameter("test")来取得hello这个值本回答被网友采纳
第4个回答  2009-09-24
<div style="visibility:hidden; display:none">
这里的文字你看不到的
</div>
这个就是它的作用,直接负责到记事本,保存为.html,运行就知道了