html5隐藏控件，html5折叠隐藏菜单

html5页面中,点击按钮显示/隐藏DIV层,大侠们帮忙看看下面的代码有什么问...

首先，打开html编辑器，新建一个html文件，例如：index.html。

-- 实现点击按钮显示一个div，页面上其他的内容全部隐藏。再点击返回按钮，div隐藏，页面上所有的内容再显示出来。

如果只是想显示隐藏就把display换成visibilty：hidden。

为button按钮添加一个点击后隐藏事件。点击button按钮后，把隐藏的div的display修改为block，这样点击后div就会显示了。保存好html后使用浏览器打开，点击button按钮就会发现隐藏的div就会显示出来了。

你好！你是自己能编写这个，还是不知道怎么运行？如果不知道怎么运行的话，直接重命名记事本文件，后缀名为.htm或.html 如有疑问，请追问。

相关问答

Q1: 在移动端怎么将HTML5中的video标签的控件去掉或者隐藏

首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的script标签中，输入js代码：。

不写controls属性就可以。没错，就这么简单~！隐藏了它自带的控制条。然后再用标签模拟控制块，就可以了。当然需要js配合。

可以通过更改#document片段的CSS来实现这一点，这些是DOM1规范，所有浏览器都支持。

我现在也遇上这个问题了。真是难弄。是浏览器的默认设置吗？有的浏览器还会有分享的按钮在视频下面。但是在ios设备上就没问题。。我在网上查了。是微信内置的浏览器的原因。

这是不同浏览器对html5 video标签的支持不同导致的。尽量提示用户升级最新版浏览器，实在不行只能多写些html和JS代码实现了。

Q2: html5支持html4中的所有表单控件

常用的表单控件 label控件 顾名思义，label控件用来为每个表单元素添加有意义的描述，并且，单击它将导致相关联的表单元素获得焦点。因此，label控件可以优雅地扩大表单元素的点击区域，能够改善表单的易用性和可访问性。

（3）HTML5支持新的表单控件，例如：日期和时间，电子邮件，数字，范围，电话，网址，搜索等。（4）HTML 5是否允许音频和视频控件以及标签，HTML不允许音频audio和video video标签。

●新表单控件，如日历、日期、时间、电子邮件、网址、搜索。●用于绘画的画布元素。●用于媒体播放的视频和音频元素。●更好地支持本地离线存储。●地理位置、牵引、摄像等的API。HTML5标准的制定是基于用户优先的原则。

新表单控件：HTML5引入了一些新的表单控件，如日期选择器（input type=date）、邮箱验证（input type=email）等，提供了更多的输入和验证选项。

● 新的表单控件，比如calendar、date、time、email、url、search。● 用于绘画的canvas元素。● 用于媒介回放的video和audio元素。● 对本地离线存储的更好支持。● 地理位置、拖曳、摄像头等API。

文本字段 text 密码 password 隐藏域 hidden 文本区域 textarea 复选框 checkbox 单选按钮 radio 选择列表 select 图像域 image 文件域 file 按钮 button 提交按钮 submit 大致就是这些。

Q3: html5隐藏手机浏览器工具栏

你可以试一试在浏览器中按F11，进入全屏模式；这样菜单栏和状态栏，地址栏，工具栏就都不见，不知道是不是符合你的需求。

menubar，scrollbars 表示菜单栏和滚动栏。

添加需要屏蔽的网址即可隐藏地址栏。需要恢复出厂设置。打开设置，点击我的设备，选择备份和重置，点击清除所有数据(恢复出厂设置)，点击恢复手机出厂设置即可。

方法一：使用快捷键按下键盘上的F11键，浏览器将进入全屏模式，此时工具栏会自动隐藏。再次按下F11键，退出全屏模式，工具栏将重新出现。方法二：通过菜单栏恢复鼠标右键点击浏览器空白处，弹出菜单栏。

在工具栏上方点击鼠标右键取消勾选。小米手机浏览器作为是小米手机中预装的官方浏览器，整体设计简约，小米浏览器隐藏工具栏在工具栏上方点击鼠标右键取消勾选，即可进行隐藏。

Q4: HTML5中“style=“display:none””的作用

1、div class= style=display：none意思是div隐藏如果display：block就是显示。style表示设置div的样式 display用于设置某标签的显示状态，取值有三种：none：表示不显示，即隐藏。

2、style=display：nonestyle是规定元素的样式，后面的display：none是他的值；display是规定元素生成框的类型（可以理解为显示方式），后面的none是他的值，意思是不显示。总的来说，这段代码，会导致他后面的所有内容都不显示。

3、js style.display是清除屏幕显示样式，使用默认值。style.display=none ，none是指代某一个代码，将这个代码进行隐藏，并没有删除操作。用法不同。

4、visibility： hidden---将元素隐藏，但是在网页中该占的位置还是占着。display： none---将元素的显示设为无，即在网页中不占任何的位置。

5、CSS display 属性 display 属性规定元素应该生成的框的类型。值为none时，此元素不会被显示。/*示例*/div{display：none；} CSS visibility 属性 visibility 属性规定元素是否可见。值为hidden时表示元素是不可见的。

6、第一步，创建HTML和CSS文件并将其彼此关联，如下图所示，然后进入下一步。其次，完成上述步骤后，在此处创建三个span标签作为示例 ，如下图所示，然后进入下一步。

关于html5隐藏控件和html5折叠隐藏菜单的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。