Web开发人员都在广泛的使用HTML。无论你使用什么框架或者选择哪个后端语言，框架在变，但是HTML始终如一。尽管被广泛使用，但还是有一些标签或者属性是大部分开发者不熟知的。虽然现在有很多的模版引擎供我们使用，但是我们还是需要尽可能的熟练掌握HTML内容，就像CSS一样。

最近公司设计了一款基于自己产品的投屏类H5应用，能够使得用户通过我们的产品平台来设计启用用于投屏功能的H5页面，实现留言互动等功能。整体的实现和用户体验都是基于前端实现来完成的，特此再次整理一下自己的设计实现思路以供大家分享。

input[file]标签的accept属性可用于指定上传文件的 MIME类型 。 例如，想要实现默认上传图片文件的代码，代码可如下： {代码...} 效果就是会默认过滤掉所有非图片文件。 但是！ 这段代码在Chrome和Safari等Webkit浏览器下却出现了响应滞慢的问题，可能要等 6~10s 才能弹出文件选择对话框。简直不能忍呀。 在IE和Firefox...

退出全屏 {代码...} 全屏显示 {代码...} PS:大家可以微信添加订阅号“冷星学前端”，同步更新文章内容