前端开发

去除video标签获得焦点的边框

2021-07-29279次阅读HTML
那是因为video的:focus属性定义的1px。
前端开发

video隐藏下载按钮

2021-07-29198次阅读HTML
通过ControList API设置nodownload来隐藏下载按钮,还可以设置nofullscreen隐藏全屏按钮, 以及noremoteplayback等属性,具体的示例可以参考github pages。ControlList API 是从Chrome 58+ 才开始引入的。
前端开发

移动端常用meta开箱即用

2020-08-05692次阅读其它IOSHTML
收集了一些移动端开箱即用的meta标签大全。
前端开发

HTML5 video视频的playsinline局部播放

2020-06-231274次阅读HTMLhtml5
playsinline就是让H5的video视频在iPhone上不全屏显示。
前端开发

FormData与Content-Type类型关系

2020-06-161419次阅读HTMLjavascript原生Js
FormData对象用来将数据编译成键值对,以便用XMLHttpRequest来发送数据。它使用的格式与表单将Content-Type类型设置为"multipart/form-data"时使用的格式相同。直白点说当使用FormData对象时请将Content-Type类型设置为"multipart/form-data"。
前端开发

input File文件上传accept过滤zip、rar等

2020-04-233470次阅读HTML
input File文件上传accept,如果需要选中zip是accept=".application/zip",如果需要选中zip和rar则accept=".zip,.rar"
前端开发

使用伪元素增加可点击区域

2019-12-071353次阅读HTMLcss模块css
根据网页无障碍阅读指南(WCAG)准则WCAG 2.1,触摸或鼠标的最小目标尺寸应为44×44像素。大小不是固定的,可能会根据使用情况而改变。但是,44×44像素是一个很好的起点。UX设计中要遵循的重要定律。简单地说,触摸或点击目标越大,越接近,用户与其进行交互的时间越短。仅通过更改元素的宽度和高度或使用填充,并不一定总是可以增大可点击区域。好吧,不妨使用伪元素增加可点击区域。因此当我们创建具有特定宽度和高度的伪元素时,它将充当其父元素的单击/触摸/悬停区域。
前端开发

零宽字符&摩斯电码

2019-11-082248次阅读javascriptHTML
零宽字符是一种在浏览器中不打印的字符,大致相当于 display: none ,在许多文本应用中也不显示,比如邮箱、QQ、微信、文本编辑器等,这里有三种零宽字符 -- 零宽空格、零宽连字、零宽不连字。 摩斯电码采用长短两种符号进行文本加密,通过字典进行加密和解码,摩斯电码字典如下:
前端开发

HTML5日期控件

2019-11-041102次阅读HTMLhtml5
HTML5定义了几个与日期有关的新控件。支持日期控件的浏览器会提供一个方便的下拉式日历,供用户选择。
前端开发

input文本框disabled、readonly、unselectable不可编辑的3种方法

2019-08-155030次阅读HTML
disabled属性是指禁用input元素、不可编辑、不可复制、不可选择、不能接收焦点、后台也不会接收到传值。