![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML/HTML5
苏喂苏喂苏喂su
专注前端开发
展开
-
input为file类型时,限制可选的文件类型
设置accept属性,如:<input type="file" accept=".jpg,.png,.gif" >这样设置并不能绝对的限制用户选择文件类型,只能为用户过滤掉不符合规则内的类型的文件。但是为了用户用户体验,还是设置了比较好。...原创 2019-11-05 15:50:48 · 1843 阅读 · 0 评论 -
input type=‘file’设置可以多选文件
很简单,加上multiple属性即可<input type="file" multiple >原创 2019-11-05 16:11:17 · 7419 阅读 · 0 评论 -
HTML5原生api -- 拖放
1、被拖放放的元素需要设置属性draggable为true,这是元素可被进行拖放的前提;2、被拖动时的事件属性(ondragstart),当元素被拖动的时候,事件里需要调用该方法:ev.dataTransfer.setData("Text",ev.target.id);该方法的数据类型是“Text”,值是可拖动元素的id 。3、放到什么地方,ondragover事件属性规定在什么位置(什么...原创 2019-01-31 09:49:35 · 370 阅读 · 0 评论 -
sessionStorage和localStorage的区别
sessionStorage:数据在页面关闭后消失,页面刷新仍然存在,对象绑定于某个服务器会话;localStorage:数据可以永久存储,但是只有是同一个域名、端口、协议的情况下可以访问数据...原创 2019-06-26 23:23:08 · 96 阅读 · 0 评论 -
localStorage设置过期时间实例
先介绍一些storage的API1、使用localStorage存储数据localStorage.setItem('test1', 'test');2、删除localStorage数据delete localStorage.test1; // 方式1:使用delete操作符localStorage.removeItem('test1');...原创 2019-06-27 22:32:39 · 1911 阅读 · 0 评论 -
设置网站页面标题前面的favicon图标logo
方法很简单,就是在head里面添加:<link rel="icon" href="image/favicon.ico" type="image/x-icon"/>就是这么简单,href里的值是logo的路径,图片的格式未必是ico的格式,png、jpg之类的格式也可以的。希望能帮到有需要的朋友。...原创 2019-05-30 16:48:22 · 633 阅读 · 0 评论 -
web页面从输入地址到页面显示的加载过程
1、用户打开URL链接(域名)2、浏览器查询的URL的DNS地址(IP地址)3、DNS服务器查询到IP之后返回给浏览器4、浏览器根据返回的IP地址向web服务器发起请求5 、web服务器接收请求并处理,之后返回相应的数据(HTML、css、js等信息)给浏览器6、浏览器接收到返回的数据之后便开始解析数据过程如下: a:解析HTML -- 语法分析 B:构建DOM树...原创 2019-03-21 23:32:19 · 865 阅读 · 0 评论 -
video标签添加播放控制
只需要在video标签添加controls属性即可,如:<video src='videoUrl' controls></video>原创 2019-09-09 12:43:24 · 901 阅读 · 0 评论